started simple smoke test

.travis.yml

@@ -4,5 +4,6 @@ node_js:
 script:
   - npm run format
   - npm run lint
+  - npm run test
 notifications:
   email: false

jest.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  ...require('@snowpack/app-scripts-preact/jest.config.js')(),
+};

package.json

@@ -36,7 +36,7 @@
   },
   "devDependencies": {
     "@babel/preset-react": "^7.12.1",
-    "@snowpack/app-scripts-react": "^1.12.4",
+    "@snowpack/app-scripts-react": "^1.12.6",
     "@snowpack/plugin-dotenv": "^2.0.4",
     "@snowpack/plugin-react-refresh": "^2.3.4",
     "@snowpack/web-test-runner-plugin": "^0.1.3",

src/components/Canvas.jsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React, { useEffect } from 'react';
 import ReactFlow, {
   removeElements,
   addEdge,

src/test/AddPathBtn.test.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import AddPathBtn from '../components/editor/AddPathBtn';
+
+describe('<AddPathBtn />', () => {
+  it('renders without crashing', () => {
+    const div = document.createElement('div');
+    ReactDOM.render(<AddPathBtn />, div);
+    ReactDOM.unmountComponentAtNode(div);
+  });
+});

src/test/App.test.tsx

@@ -0,0 +1,20 @@
+// make React available
+import React from 'react';
+
+// make the ReactDOM available, necessary for rendering the component
+import ReactDOM from 'react-dom';
+
+// make the App component available
+import App from '../App';
+
+// this is the test case
+it('renders without crashing', () => {
+  // first create a DOM element to render the component into
+  const div = document.createElement('div');
+
+  // render the component, this is the actual test, if something is wrong it will fail here
+  ReactDOM.render(<App />, div);
+
+  // clean up code
+  ReactDOM.unmountComponentAtNode(div);
+});

src/test/Description.test.tsx

@@ -0,0 +1,12 @@
+import { expect } from 'chai';
+import React from 'react';
+import ReactDOM from 'react-dom';
+import Description from '../components/editor/Description';
+
+describe('<Description />', () => {
+  it('renders without crashing', () => {
+    const div = document.createElement('div');
+    ReactDOM.render(<Description />, div);
+    ReactDOM.unmountComponentAtNode(div);
+  });
+});

src/test/Layout.test.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { ElementsProvider } from '../hooks/useElements';
+import Layout from '../Layout';
+
+describe('<Layout />', () => {
+  it('renders without crashing', () => {
+    const div = document.createElement('div');
+    ReactDOM.render(<ElementsProvider><Layout /></ElementsProvider>, div);
+    ReactDOM.unmountComponentAtNode(div);
+  });
+});

src/test/MethodSelect.test.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import MethodSelect from '../components/editor/MethodSelect';
+
+describe('<MethodSelect />', () => {
+  it('renders without crashing', () => {
+    const div = document.createElement('div');
+    ReactDOM.render(<MethodSelect />, div);
+    ReactDOM.unmountComponentAtNode(div);
+  });
+});

src/test/Path.test.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import Path from '../components/editor/Path';
+
+describe('<Path />', () => {
+  it('renders without crashing', () => {
+    const div = document.createElement('div');
+    ReactDOM.render(<Path />, div);
+    ReactDOM.unmountComponentAtNode(div);
+  });
+});