Add vanilla-app e2e tests

Author: javierbrea

.travis.yml

@@ -7,9 +7,6 @@ cache:
   directories:
     - ~/.npm
     - ~/.cache
-    - node_modules
-    - test-e2e/browser/node_modules
-    - test-e2e/browser/react-app/node_modules
     - ~/.sonar/cache
 
 addons:
@@ -25,15 +22,7 @@ script:
   - npm run lint
   - npm run test
   - npm run build
-  - cd test-e2e/browser
-  - cd react-app
-  - npm ci
-  - cd ..
-  - npm ci
-  - npm run cypress:install
-  - npm run cypress:verify
-  - npm run test:react-app:ci
-  - cd ../..
+  - npm run test:e2e:ci
   - npm run coveralls
   - 'if [ -n "$SONAR_TOKEN" ]; then sonar-scanner -Dsonar.login=${SONAR_TOKEN}; fi'
 

package.json

@@ -27,7 +27,9 @@
     "lint": "eslint index.js test src jest.config.js test-e2e/browser/react-app/src test-e2e/browser/cypress",
     "lint-staged": "lint-staged",
     "test": "jest",
-    "coveralls": "cat ./coverage/lcov.info | coveralls"
+    "coveralls": "cat ./coverage/lcov.info | coveralls",
+    "test:e2e": "cd test-e2e/browser && npm run test:react-app:ci && npm run test:vanilla-app:ci",
+    "test:e2e:ci": "cd test-e2e/browser && npm i && npm run cypress:install && npm run test:react-app:ci && npm run test:vanilla-app:ci"
   },
   "dependencies": {
     "@data-provider/axios": "^1.5.0",

test-e2e/browser/cypress/.eslintrc.json

@@ -4,6 +4,7 @@
     "es6": true
   },
   "globals": {
+    "Cypress": true,
     "cy": true,
     "afterEach": true,
     "after": true,

test-e2e/browser/cypress/support/index.js

@@ -1 +1,7 @@
 import "./commands";
+
+Cypress.on("uncaught:exception", () => {
+  // returning false here prevents Cypress from
+  // failing the test
+  return false;
+});

test-e2e/browser/package.json

@@ -9,9 +9,12 @@
     "cypress:verify": "cypress verify",
     "cypress:open": "cypress open",
     "cypress:run": "cypress run",
-    "start:react-app": "cd react-app && npm run build-and-serve",
+    "start:react-app": "cd react-app && npm i && npm run build-and-serve",
+    "start:vanilla-app": "cd vanilla-app && npm i && npm run build-and-serve",
     "mocks:ci-and-start:react-app": "start-server-and-test mocks:ci http-get://localhost:3100/admin/about start:react-app",
-    "test:react-app:ci": "start-server-and-test mocks:ci-and-start:react-app http-get://localhost:3000 cypress:run"
+    "mocks:ci-and-start:vanilla-app": "start-server-and-test mocks:ci http-get://localhost:3100/admin/about start:vanilla-app",
+    "test:react-app:ci": "start-server-and-test mocks:ci-and-start:react-app http-get://localhost:3000 cypress:run",
+    "test:vanilla-app:ci": "start-server-and-test mocks:ci-and-start:vanilla-app http-get://localhost:3000 cypress:run"
   },
   "browserslist": {
     "production": [

test-e2e/browser/react-app/public/index.html

@@ -6,7 +6,7 @@
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"
-      content="user preferences mock app"
+      content="admin-api-client react app tests"
     />
     <title>React App</title>
   </head>

test-e2e/browser/vanilla-app/.gitignore

@@ -0,0 +1,29 @@
+
+
+# See https://help.github.com/ignore-files/ for more about ignoring files.
+
+#environment variables
+.env
+
+# dependencies
+/node_modules
+/public/js
+
+# tests
+/coverage
+/dist
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# ides
+.idea
+.vs

test-e2e/browser/vanilla-app/commands/copyLibrary.js

@@ -0,0 +1,11 @@
+const path = require("path");
+const fsExtra = require("fs-extra");
+
+const libPath = path.resolve(__dirname, "..", "..", "..", "..", "dist", "index.umd.js");
+const publicJsPath = path.resolve(__dirname, "..", "public", "js");
+
+const copyLib = () => {
+  return fsExtra.copy(libPath, path.resolve(publicJsPath, "admin-api-client.js"));
+};
+
+copyLib();