@jseeio/jsee 0.2.3 → 0.2.7

package/test/sumw.schema.json

@@ -0,0 +1,15 @@
+{
+  "model": {
+    "name": "sum",
+    "type": "function",
+    "container": "args",
+    "url": "example-sum.js",
+    "autorun": true,
+    "worker": true
+  },
+  "inputs": [
+    { "name": "a", "type": "int", "default": 100 },
+    { "name": "b", "type": "int", "default": 42 }
+  ]
+}
+

package/test.js

@@ -0,0 +1,160 @@
+require('expect-puppeteer')
+
+page.setDefaultTimeout(1000)
+
+const port = 8080
+const urlSchema = (name) => `http://localhost:${port}/load/?s=/test/${name}.schema.json`
+const urlHTML = (name) => `http://localhost:${port}/test/${name}.html`
+const urlQuery = (schema) => `http://localhost:${port}/load/?s=${JSON.stringify(schema)}`
+
+describe('Initial test', () => {
+  beforeAll(async () => {
+    await page.goto(urlSchema('sum'))
+  })
+  test('Title', async () => {
+    await expect(page).toMatch('title')
+  })
+  test('Description', async () => {
+    await expect(page).toMatch('description')
+  })
+  test('Run button is active', async () => {
+    await expect(page).toClick('button', { text: 'Run' })
+  })
+  test('Default result is right', async () => {
+    await expect(page).toMatch('142')
+  })
+  test('Changing inputs', async () => {
+    await expect(page).toFill('#a', '200')
+    await expect(page).toClick('button', { text: 'Run' })
+    await expect(page).toMatch('242')
+    // await jestPuppeteer.debug()
+  })
+})
+
+
+describe('Initial test (worker)', () => {
+  beforeAll(async () => {
+    await page.goto(urlSchema('sumw'))
+  })
+  test('Result is right', async () => {
+    await expect(page).toFill('#a', '8')
+    await expect(page).toFill('#b', '7')
+    await expect(page).toClick('button', { text: 'Run' })
+    await expect(page).toMatch('15')
+  })
+})
+
+describe('Minimal examples', () => {
+  const schema = {
+    'model': {
+      'code': 'function (a, b) { return a / b }', // TODO: check '+'
+    }
+  }
+  test('Code only (text) (main window)', async () => {
+    schema.model.worker = false
+    await page.goto(urlQuery(schema))
+    await expect(page).toFill('#a', '100')
+    await expect(page).toFill('#b', '4')
+    await expect(page).toClick('button', { text: 'Run' })
+    await expect(page).toMatch('25')
+  })
+  test('Code instead of schema (function)', async () => {
+    await page.goto(urlHTML('minimal1'))
+    await expect(page).toFill('#a', '100')
+    await expect(page).toFill('#b', '4')
+    await expect(page).toClick('button', { text: 'Run' })
+    await expect(page).toMatch('400')
+  })
+  test('Code instead of model (function)', async () => {
+    await page.goto(urlHTML('minimal2'))
+    await expect(page).toFill('#a', '100')
+    await expect(page).toFill('#b', '4')
+    await expect(page).toClick('button', { text: 'Run' })
+    await expect(page).toMatch('400')
+  })
+  test('Code instead of schema (anonymous function)', async () => {
+    await page.goto(urlHTML('minimal3'))
+    await expect(page).toFill('#a', '100')
+    await expect(page).toFill('#b', '4')
+    await expect(page).toClick('button', { text: 'Run' })
+    await expect(page).toMatch('400')
+  })
+})
+
+describe('Load code directly', () => {
+  test('Window', async () => {
+    await page.goto(urlHTML('code'))
+    await expect(page).toFill('#a', '8')
+    await expect(page).toFill('#b', '7')
+    await expect(page).toClick('button', { text: 'Run' })
+    await expect(page).toMatch('15')
+  })
+  test('Window (string with eval)', async () => {
+    await page.goto(urlHTML('string'))
+    await expect(page).toFill('#a', '8')
+    await expect(page).toFill('#b', '7')
+    await expect(page).toClick('button', { text: 'Run' })
+    await expect(page).toMatch('15')
+  })
+  test('Worker', async () => {
+    await page.goto(urlHTML('codew'))
+    await expect(page).toFill('#a', '8')
+    await expect(page).toFill('#b', '7')
+    await expect(page).toClick('button', { text: 'Run' })
+    await expect(page).toMatch('15')
+  })
+  test('Worker (string)', async () => {
+    await page.goto(urlHTML('stringw'))
+    await expect(page).toFill('#a', '8')
+    await expect(page).toFill('#b', '7')
+    await expect(page).toClick('button', { text: 'Run' })
+    await expect(page).toMatch('15')
+  })
+})
+
+describe('Classes', () => {
+  const schema = {
+    'model': {
+      'name': 'Doubler',
+      'method': 'double',
+      'type': 'class',
+      'container': 'args',
+      'url': '/test/example-class.js',
+    },
+    'inputs': [
+      { 'name': 'b', 'type': 'int', 'default': 100 }
+    ]
+  }
+
+  test('Window', async () => {
+    schema.model.worker = false
+    await page.goto(urlQuery(schema))
+    await expect(page).toClick('button', { text: 'Run' })
+    await expect(page).toMatch('200')
+  })
+
+  test('Worker', async () => {
+    schema.model.worker = true
+    await page.goto(urlQuery(schema))
+    await expect(page).toClick('button', { text: 'Run' })
+    await expect(page).toMatch('200')
+  })
+})
+
+describe('Some edge cases', () => {
+  test('Result is zero', async () => {
+    const schema = {
+      'model': {
+        'code': 'function mul (a, b) { return a * b }',
+      }
+    }
+    schema.model.worker = false
+    await page.goto(urlQuery(schema))
+    await expect(page).toFill('#a', '0')
+    await expect(page).toFill('#b', '0')
+    await expect(page).toClick('button', { text: 'Run' })
+    await expect(page).toMatch('Copy')
+  })
+})
+
+

package/webpack.config.js

@@ -87,7 +87,11 @@ module.exports = (env) => {
           },
         }
       })],
-    }
+    },
+    // Source map
+    devtool: env.DEVELOPMENT
+      ? 'eval-source-map'
+      : false
   }
 
   return config

package/404.html

@@ -1,22 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8">
-    <title>Port</title>
-    <script type="text/javascript">
-      var segmentCount = 1;
-
-      var l = window.location;
-      l.replace(
-        l.protocol + '//' + l.hostname + (l.port ? ':' + l.port : '') +
-        l.pathname.split('/').slice(0, 1 + segmentCount).join('/') + '/?s=' +
-        l.pathname.slice(1).split('/').slice(segmentCount).join('').replace(/&/g, '~and~') +
-        (l.search ? '&q=' + l.search.slice(1).replace(/&/g, '~and~') : '') +
-        l.hash
-      );
-      
-    </script>
-  </head>
-  <body>
-  </body>
-</html>

package/load.html

@@ -1,31 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
-    <title>JSEE Schema Loader</title>
-  </head>
-  <body>
-    <div id="jsee-container"></div>
-    <div id="txt-container">
-      <p>You can use this script for testing purposes. Placing your apps in the <b>apps</b> folder (e.g. <code>./apps/myapp</code> will make it possible to load it with <code>load.html?s=myapp</code> </p>
-    </div>
-    <script src="dist/jsee.js" type="text/javascript"></script>
-    <script>
-      var params = new URLSearchParams(window.location.search)
-      var schema = params.get('s')
-      if (schema) {
-        if (typeof schema === 'string') {
-          schema = schema.includes('/') ? schema : '/apps/' + schema + '/schema.json'
-        }
-        const env = new JSEE({
-          container: document.getElementById('jsee-container'),
-          schema: schema
-        })
-      } else {
-        document.getElementById('port-container').style.display = 'none'
-        document.getElementById('txt-container').style.display = 'block'
-      }
-    </script>
-  </body>
-</html>