Cancel Import File Error Message

.gitignore

@@ -1,5 +1,4 @@
 /node_modules
-/.vscode
 /dist
 /tsCompiled
 */.DS_Store

.vscode/settings.json

@@ -0,0 +1,10 @@
+{
+    "liveSassCompile.settings.formats": [
+        {
+        "format": "expanded",
+        "savePath": "/frontend/assets/stylesheets/css",
+        "extensionName": ".css"
+        }
+    ],
+    "liveSassCompile.settings.generateMap": false
+}

__tests__/leftPanelTests/compareTest.jsx

@@ -0,0 +1,32 @@
+import * as React from "react";
+import { Compare } from "../../frontend/components/leftPanel/Compare";
+import { shallow } from "enzyme";
+
+describe ("Comparison feature tests", () => {
+  // wrapper will be assigned the evaluation of the shallow render
+  let wrapper;
+
+  const props = {
+    queries: [],
+    currentSchema: '',
+  }
+  // shallow render the component before running tests
+  beforeAll(() => {
+    wrapper = shallow(<Compare {...props}/>)
+  })
+
+  it('Should render a div', () => {
+    expect(wrapper.type()).toEqual('div');
+  })
+
+  it('Should render correct h3 element', () => {
+    expect(wrapper.containsMatchingElement(
+    <h3>Comparisons</h3>)).toBeTruthy();
+  })
+
+  it('Should render query label', () => {
+    expect(wrapper.containsMatchingElement(
+      <td>{'Query Label'}</td>)).toBeTruthy();
+  })
+
+})

__tests__/leftPanelTests/historyTest.jsx

@@ -0,0 +1,33 @@
+import * as React from "react";
+import { History } from "../../frontend/components/leftPanel/History";
+import { shallow } from "enzyme";
+
+describe ("History feature tests", () => {
+  // wrapper will be assigned the evaluation of the shallow render
+  let wrapper;
+
+  const props = {
+    queries: [],
+    currentSchema: '',
+
+  }
+  // shallow render the component before running tests
+  beforeAll(() => {
+    wrapper = shallow(<History {...props}/>)
+  })
+
+  it('Should render a div', () => {
+    expect(wrapper.type()).toEqual('div');
+  })
+
+  it('Should render correct h3 element', () => {
+    expect(wrapper.containsMatchingElement(
+    <h3>History</h3>)).toBeTruthy();
+  })
+
+  it('Should render query label', () => {
+    expect(wrapper.containsMatchingElement(
+      <td>{'Query Label'}</td>)).toBeTruthy();
+  })
+
+})

__tests__/rightPanelTests/schemaChildrenTests/dataChildrenTests/dataTableTest.jsx

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { mount, shallow } from 'enzyme';
+import { Table } from '../../../../frontend/components/rightPanel/schemaChildren/dataChildren/DataTable';
+
+const dummyRowData = [{"header0":"input0", "header1":1}]
+
+const dummyTableProps = {
+  queries: [{
+    queryString: "string",
+    queryData: dummyRowData,
+    queryStatistics: 7,
+    querySchema: "string",
+    queryLabel: "string"
+  }]
+};
+
+describe('Testing the data table', () => {
+  let wrapper;
+  beforeAll(() => {
+    wrapper = mount(<Table { ...dummyTableProps }/>);
+  })
+
+  it('should render Table headers', () => {
+    expect(wrapper.find('#dataTableHead').type()).toBe('thead');
+    expect(wrapper.find('#dataTableHead').childAt(0).childAt(0).text()).toBe('HEADER0');
+    expect(wrapper.find('#dataTableHead').childAt(0).childAt(1).text()).toBe('HEADER1');
+  })
+
+  it('should render data Table body element', () => {
+    expect(wrapper.find('#dataTableBody').type()).toBe('tbody');
+  })
+})
+

__tests__/rightPanelTests/schemaChildrenTests/dataTest.jsx

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { shallow } from 'enzyme';
+import { Data } from '../../../frontend/components/rightPanel/schemaChildren/Data';
+
+
+const dummyTableProps = {
+  queries: [{
+    queryString: "string",
+    queryData: [{}],
+    queryStatistics: 7,
+    querySchema: "string",
+    queryLabel: "string"
+  }]
+};
+
+describe ("Data tests", () => {
+  const { queries } = dummyTableProps;
+
+  // shallow render the component before running tests
+  let wrapper;
+  beforeAll(() => {
+      wrapper = shallow(<Data { ...dummyTableProps } />)
+  })
+
+  it('Should render a div', () => {
+      expect(wrapper.type()).toEqual('div');
+  })
+
+  it('Should render h3 tag', () => {
+      expect(wrapper.containsMatchingElement(
+      <h3 id="results-title">Data Table</h3>)).toBeTruthy();
+  })
+
+  it('Should render div to contain the data table', () => {
+      expect(wrapper.find('#data-table').type()).toBe('div');
+  })
+})

__tests__/rightPanelTests/tabsChildrenTests/tabTest.jsx

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { shallow } from 'enzyme';
+import { Tab } from '../../../frontend/components/rightPanel/tabsChildren/Tab';
+
+const dummyTabProps = {
+    onClickTabItem: 'string',
+    currentSchema: "string",
+    label: "string",
+};
+
+describe ("Tab tests", () => {
+    // shallow render the component before running tests
+    let wrapper;
+    beforeAll(() => {
+        wrapper = shallow(<Tab { ...dummyTabProps } />)
+    })
+
+    it('Should render a list item', () => {
+        expect(wrapper.type()).toEqual('li');
+    })
+})

__tests__/setupTests.js

@@ -0,0 +1,10 @@
+import { configure } from "enzyme";
+import React16Adapter from "enzyme-adapter-react-16";
+
+configure({ adapter: new React16Adapter() });
+
+describe('Setup', () => {
+  it('should run before all tests', () => {
+    expect(true).toBe(true);
+  })
+})

__tests__/splashTest.jsx

@@ -0,0 +1,35 @@
+import * as React from "react";
+import { Splash } from "../frontend/components/Splash";
+import { shallow } from "enzyme";
+
+describe ("Splash page tests", () => {
+  // mock functions to pass to handlers
+  const mockFileClick = jest.fn(() => console.log("click"));
+  const mockSkipClick = jest.fn(() => console.log("skipClick"));
+  // props to be passed to the shallow render of the component
+  const props = {
+    openSplash: true,
+    handleSkipClick: mockSkipClick,
+    handleFileClick: mockFileClick
+  };
+
+  let wrapper;
+  // shallow render the component before running tests
+  beforeAll(() => {
+    wrapper = shallow(<Splash {...props}/>)
+  });
+
+  it('should find the correct elements by id', () => {
+    expect(wrapper.find('#skip_button').type()).toBe('button');
+    expect(wrapper.find('#yes_button').type()).toBe('button');
+  });
+
+  it('The functions passed down should be invoked on click', () => {
+    // testing the skip button
+    wrapper.find('#skip_button').simulate('click');
+    expect(mockSkipClick).toHaveBeenCalled();
+    // testing the import button
+    wrapper.find('#yes_button').simulate('click');
+    expect(mockFileClick).toHaveBeenCalled();
+  });
+});

babel.config.js

@@ -0,0 +1,12 @@
+module.exports = {
+  presets: [
+    [
+      '@babel/preset-env',
+      {
+        targets: {
+          node: 'current',
+        },
+      },
+    ],
+  ],
+};