[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();
+});
+