[WIP] Cypress on Travis

.cypress.ci.env.json

@@ -0,0 +1,3 @@
+{
+  "disable_screenshots": "true"
+}

.cypress.dev.env.json

@@ -0,0 +1,3 @@
+{
+  "disable_screenshots": "false"
+}

.gitignore

@@ -21,3 +21,4 @@ config/webpack/paths.json
 *.sw[po]
 cypress/screenshots
 cypress/videos
+cypress.env.json

.travis.yml

@@ -14,12 +14,7 @@ addons:
   chrome: beta
 env:
   matrix:
-  - TEST_SUITE=spec
-  - TEST_SUITE=spec:routes
-  - TEST_SUITE=spec:javascript
-  - TEST_SUITE=spec:compile
-  - TEST_SUITE=spec:jest
-  - TEST_SUITE=spec:debride
+  - TEST_SUITE=spec:cypress
 matrix:
   exclude:
   - rvm: 2.5.7
@@ -32,6 +27,8 @@ matrix:
     env: TEST_SUITE=spec:jest
   - rvm: 2.5.7
     env: TEST_SUITE=spec:debride
+  - rvm: 2.5.7
+    env: TEST_SUITE=spec:cypress
 bundler_args: "--no-deployment"
 before_install: source tools/ci/before_install.sh
 install: bin/setup

Rakefile

@@ -54,6 +54,27 @@ namespace :spec do
   desc "Run all javascript specs"
   task :javascript => ["app:test:initialize", :environment, "jasmine:ci"]
 
+  desc "Run all cypress specs"
+  task :cypress => ["app:cypress:ui:run"]
+
+  namespace :cypress do
+    task :ci => ["ci:set_node_path", "app:cypress:ui:seed", "spec:cypress"]
+
+    task "ci:install_yarn" do
+      sh "/bin/bash", "-c", "source ~/.nvm/nvm.sh && nvm install 12 && npm install -g yarn"
+    end
+
+    task "ci:set_node_path" do
+      ENV["PATH"] = "#{Dir.glob("/home/travis/.nvm/versions/node/v12*").sort.last}/bin:#{ENV["PATH"]}"
+      # puts;puts;puts
+      # puts ">>>>>> PATH: #{ENV["PATH"]}"
+      # puts;puts;puts
+    end
+
+    desc "Setup for CI"
+    task "ci:setup" => ["ci:install_yarn", "ci:set_node_path", "update:ui"]
+  end
+
   desc "Try to compile assets"
   task :compile => ["app:assets:precompile"]
 

bin/webpack

@@ -7,12 +7,12 @@ require "yaml"
 ENV["RAILS_ENV"] ||= "development"
 RAILS_ENV = ENV["RAILS_ENV"]
 
-ENV["NODE_ENV"] ||= RAILS_ENV
+ENV["NODE_ENV"] ||= RAILS_ENV == "integration" ? "production" : RAILS_ENV
 NODE_ENV = ENV["NODE_ENV"]
 
 APP_PATH          = File.expand_path("../", __dir__)
 NODE_MODULES_PATH = File.join(APP_PATH, "node_modules")
-WEBPACK_CONFIG    = File.join(APP_PATH, "config/webpack/#{NODE_ENV}.js")
+WEBPACK_CONFIG    = File.join(APP_PATH, "config/webpack/#{RAILS_ENV}.js")
 
 unless File.exist?(WEBPACK_CONFIG)
   puts "Webpack configuration not found."

config/webpack/integration.js

@@ -0,0 +1,11 @@
+// Note: You must restart bin/webpack-dev-server for changes to take effect
+
+/* eslint global-require: 0 */
+
+const { env } = require('process')
+
+if (env.CYPRESS_DEV) {
+  module.exports = require('./development.js')
+} else {
+  module.exports = require('./production.js')
+}

config/webpacker.yml

@@ -26,5 +26,14 @@ development:
 test:
   <<: *default
 
+integration:
+  <<: *default
+
+# uncomment these to enable webpack:server
+  dev_server:
+    host: 0.0.0.0
+    port: 8080
+    https: false
+
 production:
   <<: *default

cypress/support/assertions/expect_title.js

@@ -0,0 +1,7 @@
+Cypress.Commands.add("expect_explorer_title", (text) => {
+  return cy.get('#explorer_title_text').contains(text);
+});
+
+Cypress.Commands.add("expect_show_list_title", (text) => {
+  return cy.get('#main-content h1').contains(text);
+});

cypress/support/commands/explorer.js

@@ -0,0 +1,18 @@
+// cy.accordion('Catalog Items') - click accordion, unless already expanded
+Cypress.Commands.add('accordion', (text) => {
+  cy.get('#main-content');  // ensure screen loads first
+
+  let ret = cy.get('#accordion')
+    .find('.panel-title a')
+    .contains(new RegExp(`^${text}$`))
+
+  ret.then((el) => {
+    // do not collapse if expanded
+    if (el.is('.collapsed')) {
+      el.click();
+    }
+    return el;
+  });
+
+  return ret.parents('.panel');
+});

cypress/support/commands/gtl.js

@@ -0,0 +1,22 @@
+// GTL related helpers
+Cypress.Commands.add("gtl_error", () => {
+  return cy.get('#miq-gtl-view > #flash_msg_div').should('be.visible');
+});
+
+Cypress.Commands.add("gtl_no_record", () => {
+  return cy.get('#miq-gtl-view > div.no-record').should('be.visible');
+});
+
+Cypress.Commands.add("gtl", () => {
+  cy.get('#miq-gtl-view').then($gtlTile => {
+    if ($gtlTile.find("miq-tile-view").length > 0) {
+      return cy.get("div[pf-card-view] > .card-view-pf > .card");
+    }  else {
+      return cy.get('#miq-gtl-view > miq-data-table > div > table');
+    };
+  });
+});
+
+Cypress.Commands.add("gtl_click", (name) => {
+  cy.gtl().contains(name).click()
+});

cypress/support/commands/login.js

@@ -0,0 +1,10 @@
+// cy.login() - log in
+// FIXME: use cy.request and inject cookie and localStorage.miqToken
+Cypress.Commands.add("login", (user = 'admin', password = 'smartvm') => {
+  cy.visit('/');
+
+  cy.get('#user_name').type(user);
+  cy.get('#user_password').type(password);
+  return cy.get('#login').click();
+});
+