@hopara/iframe 0.1.112 → 0.1.114

package/nightwatch.conf.js

@@ -0,0 +1,2 @@
+const systemTest = require('@hopara/system-test')
+module.exports = systemTest.nightwatch.conf

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hopara/iframe",
-  "version": "0.1.112",
+  "version": "0.1.114",
   "main": "build/client.js",
   "scripts": {
     "start": "ESLINT_NO_DEV_ERRORS=true react-app-rewired start",
@@ -27,12 +27,14 @@
   ],
   "devDependencies": {
     "@babel/register": "^7.15.3",
-    "@hopara/components": "^0.1.112",
+    "@hopara/components": "^0.1.114",
+    "@hopara/system-test": "^0.1.114",
     "babel-loader": "8.1.0",
     "customize-cra": "^1.0.0",
     "react": "^18.2.0",
     "react-app-rewired": "^2.2.1",
     "react-dom": "^18.2.0",
+    "react-router-dom": "^6.10.0",
     "typescript": "^4.5.2"
   }
 }

package/tests/spec/view.system.test.js

@@ -0,0 +1,34 @@
+const mockServer = require('mockttp').getLocal({cors: true})
+const {responses} = require('@hopara/system-test')
+
+const waitTime = () => {
+  if (process.env.DEBUGGER) return 1200000
+  return 500
+}
+
+const mismatchPercentage = 0.2
+
+module.exports = {
+  'before': async () => await mockServer.start(1234),
+  'after': async () => await mockServer.stop(),
+
+  'Circle Layer': (browser) => {
+    mockServer.get('/app/circle').thenReply(200, JSON.stringify(responses.app.circle))
+    mockServer.get('/view/queryName/row').thenReply(200, JSON.stringify(responses.geo.circle))
+
+    browser.setWindowSize(1280, 800)
+      .url('http://localhost:3456/')
+      .execute(() => {
+      window.postMessage({
+        app: 'circle',
+        tenant: 'hopara.io',
+        accessToken: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3ODkwIiwibmFtZSI6IkpvaG4gRG9lIiwiaWF0IjoxNTE2MjM5MDIyLCJ0ZW5hbnRzIjpbImhvcGFyYS5pbyJdLCJzY29wZSI6InJvdzp3cml0ZSJ9.qJwSd1EUmiVX5NrgelVQdn9MDbdVNq4GGjzHPQlDQ1A',
+        targetElementId: 'embedded-target-element',
+        __hopara__eventType__: 'init'
+      }, '*')
+      })
+      .pause(waitTime())
+      .waitForElementVisible('#deckgl-overlay')
+      .assert.compareScreenshot('circle-layer.png', mismatchPercentage)
+  },
+}

package/tests/systemTest.js

@@ -0,0 +1,15 @@
+/* eslint-disable no-invalid-this */
+const path = require('path')
+const {nightwatch} = require('@hopara/system-test')
+
+const BUILD_DIR_NAME = process.env['BUILD_DIR_NAME'] || 'build'
+const buildPath = path.resolve(__dirname, '../', BUILD_DIR_NAME)
+const server = nightwatch.createServer(buildPath)
+
+server.listen(3456, 'localhost', function(err) {
+  // eslint-disable-next-line
+  console.log('server starting...', this.address())
+
+  if (err) throw err
+  nightwatch.spawCmd(this)
+})