smoke tests: init of cypress

* NSPIR-3137

Author: drjova

.circleci/config.yml

@@ -2,16 +2,13 @@ version: 2
 jobs:
   e2e:
     machine: true
-   
     working_directory: ~/inspirehep
-
     steps:
       - checkout
-      - run: sudo chown -R 999 e2e 
+      - run: sudo chown -R 999 e2e
       - run: sh run-e2e.sh
-
 workflows:
   version: 2
   workflow:
     jobs:
-      - e2e
+      - e2e

README.md

@@ -220,6 +220,17 @@ $ yarn test # in ui folder
 $ ./run-e2e.sh
 ```
 
+### script tests
+
+For script tests we're using cypress https://docs.cypress.io/
+
+```bash
+$ cd smoke-tests
+$ yarn install
+$ yarn run cypress:open # UI
+$ yarn run cypress:run  # cmd interface
+```
+
 ---
 
 ## How to import records

build-and-deploy.sh

@@ -8,6 +8,9 @@
 
 TAG="${TRAVIS_TAG:-$(git describe --always --tags)}"
 
+LATEST_COMMIT=$(git rev-parse HEAD)
+LATEST_COMMIT_IN_SMOKE_TESTS=$(git log -1 --format=format:%H --full-diff smoke-tests)
+
 retry() {
     "${@}" || "${@}" || exit 2
 }
@@ -30,7 +33,7 @@ buildPush() {
     -t "${image}:build-stage" \
     "${context}" \
     --cache-from "${image}:build-stage" \
-    --target "build-stage" 
+    --target "build-stage"
     retry docker push "${image}:build-stage"
     retry docker build \
       --build-arg VERSION="${TAG}" \
@@ -79,13 +82,32 @@ sentryQA() {
   sentry-cli releases set-commits --auto ${TAG}
 }
 
+maybeBuildSmokeTests() {
+  if [ $LATEST_COMMIT = $LATEST_COMMIT_IN_SMOKE_TESTS ]; then
+    buildPush "smoke-tests" "inspirehep/smoke-tests"
+  else
+    echo "Nothing changed on smoke-tests/"
+  fi
+}
+
+maybeDeploySmokeTestsQA() {
+  if [ $LATEST_COMMIT = $LATEST_COMMIT_IN_SMOKE_TESTS ]; then
+    # FIXME: smoke tests will replace e2e tests
+    deployQA "e2e"
+  else
+    echo "Nothing changed on smoke-tests/"
+  fi
+}
+
 main() {
   login
   buildPush "ui" "inspirehep/ui"
   buildPush "backend" "inspirehep/hep"
+  maybeBuildSmokeTests
   logout
   deployQA "ui"
   deployQA "hep"
   sentryQA
+  maybeDeploySmokeTestsQA
 }
 main

smoke-tests/.gitignore

@@ -0,0 +1,13 @@
+# dependencies
+**/node_modules
+**/__image_snapshots__/__diff_output__
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+yarn-debug.log*
+yarn-error.log*

smoke-tests/Dockerfile

@@ -0,0 +1,7 @@
+FROM cypress/included:3.2.0
+
+WORKDIR /e2e
+
+COPY . .
+
+ENTRYPOINT [ "cypress" ]

smoke-tests/cypress.json

@@ -0,0 +1,10 @@
+{
+  "projectId": "439or1",
+  "env": {
+    "inspirehep_url": "http://localhost:3000",
+    "email": "[email protected]",
+    "password": "123456",
+    "viewport_width": 1920,
+    "viewport_height": 1080
+  }
+}

smoke-tests/cypress/fixtures/.gitkeep

@@ -0,0 +1,16 @@
+describe('home page', function() {
+  it('does an empty search on literature collection', function() {
+    cy.viewport(Cypress.env('viewport_width'), Cypress.env('viewport_height'));
+    cy.visit(Cypress.env('inspirehep_url'));
+    cy
+      .get(
+        '.ant-row > .ant-col > .ant-input-search > .ant-input-wrapper > .ant-input'
+      )
+      .type(' ');
+    cy
+      .get(
+        '.ant-col > .ant-input-search > .ant-input-wrapper > .ant-input-group-addon > .ant-btn'
+      )
+      .click();
+  });
+});

smoke-tests/cypress/integration/home.js

@@ -0,0 +1,21 @@
+/// <reference types="cypress" />
+// ***********************************************************
+// This example plugins/index.js can be used to load plugins
+//
+// You can change the location of this file or turn off loading
+// the plugins file with the 'pluginsFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/plugins-guide
+// ***********************************************************
+
+// This function is called when a project is opened or re-opened (e.g. due to
+// the project's config changing)
+
+/**
+ * @type {Cypress.PluginConfig}
+ */
+module.exports = (on, config) => {
+  // `on` is used to hook into various events Cypress emits
+  // `config` is the resolved Cypress config
+};

smoke-tests/cypress/plugins/index.js

@@ -0,0 +1,25 @@
+// ***********************************************
+// This example commands.js shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add("login", (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add("drag", { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add("dismiss", { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This will overwrite an existing command --
+// Cypress.Commands.overwrite("visit", (originalFn, url, options) => { ... })