+ +
3rd party tools not maintained by cBioPortal community
+ +
+ {displayButtons.map((button, index) => (
+
+
+ );
+ }
+
public render() {
return (
+ 
+
+ )}
+
+ ))}
+ + + {button.visualize_title} + +
++ {button.visualize_description} + + Try it! + +
+ {button.visualize_image_src && ( + +{children}
+ ),
+}));
+
+describe('CustomButton Component', () => {
+ const testData = 'test data';
+ const testDataLengthString = testData.length.toString();
+ const testUrlFormat =
+ 'http://example.com?study={studyName}&-DataLength={dataLength}';
+ const testStudyName = 'Test Study';
+ const navigatorClipboardOriginal = navigator.clipboard;
+
+ // we used to use window.location to navigate, then changed to window.open
+ const windowLocationOriginal = window.location;
+ const windowOpenOriginal = window.open;
+ const windowOpenMock = jest.fn();
+
+ const mockJson: string = `
+[
+ {
+ "id": "test",
+ "name": "Test Tool",
+ "tooltip": "This button shows that the Test Tool is working",
+ "image_src": "https://frontend.cbioportal.org/reactapp/images/369b022222badf37b2b0c284f4ae2284.png",
+ "url_format": "https://eu.httpbin.org/anything?-StudyName={studyName}&-ImportDataLength={dataLength}"
+ }
+]
+ `;
+
+ const mockProps: ICustomButtonProps = {
+ toolConfig: {
+ name: 'Test',
+ id: 'test-tool',
+ url_format: testUrlFormat,
+ tooltip: 'Test Tooltip',
+ image_src: 'test-icon.png',
+ },
+ baseTooltipProps: {},
+ overlayClassName: '',
+ downloadDataAsync: () => Promise.resolve(testData),
+ urlFormatOverrides: {},
+ };
+
+ beforeEach(() => {
+ (window as any).groupComparisonPage = {
+ store: {
+ displayedStudies: {
+ result: [{ name: testStudyName }],
+ },
+ },
+ };
+
+ // mock clipboard
+ Object.assign(navigator, {
+ clipboard: {
+ writeText: jest.fn().mockResolvedValueOnce(''),
+ },
+ });
+
+ // Mock window.location.href
+ delete (window as any).location;
+ (window as any).location = {
+ href: '',
+ assign: jest.fn().mockImplementation(url => {
+ (window as any).location.href = url;
+ }),
+ };
+
+ // Mock window.open
+ (window as any).open = windowOpenMock;
+ });
+
+ afterEach(() => {
+ delete (window as any).groupComparisonPage;
+ Object.assign(navigator, navigatorClipboardOriginal);
+ window.location = windowLocationOriginal;
+ window.open = windowOpenOriginal;
+ });
+
+ it('parses json correctly and creates Config objects', () => {
+ const config = CustomButtonConfig.parseCustomButtonConfigs(mockJson);
+ expect(config.length).toBe(1);
+ expect(config[0].id).toBe('test');
+ // TECH: compiler doesn't know that config[0] is valid, so we add a spurious optional chaining operator
+ expect(config[0]?.isAvailable?.()).toBe(true);
+ });
+
+ it('renders correctly', () => {
+ render(
+ {numAllStudies} studies available
+ (
+
+ {
+ props.store
+ .sampleCountForAllStudies
+ }
+ {' '}
+ samples)
+
+ )}
+
+ {props.store.selectableSelectedStudies.length >
+ 0 && (
+
+ {numSelectedStudies}{' '}
+ {numSelectedStudies === 1
+ ? 'study'
+ : 'studies'}{' '}
+ selected (
+
+ {
+ props.store
+ .sampleCountForSelectedStudies
+ }
+ {' '}
+ samples)
+
+ )}
{props.store.selectableSelectedStudies.length >
0 && (
diff --git a/src/shared/lib/calculation/JSONtoCSV.ts b/src/shared/lib/calculation/JSONtoCSV.ts
new file mode 100644
index 00000000000..54529c0f8b9
--- /dev/null
+++ b/src/shared/lib/calculation/JSONtoCSV.ts
@@ -0,0 +1,21 @@
+type T = any;
+
+export function convertToCSV(jsonArray: Array