Migrate e2e tests to Cypress (kubernetes#4002)

* installed cypress and added sample test

* readd aot compilation

.gitignore

@@ -14,6 +14,8 @@ node_modules/
 .cached_tools/
 dist/
 coverage/
+cypress/screenshots
+cypress/videos
 
 # System specific files:
 .DS_Store

.travis.yml

@@ -13,6 +13,7 @@ git:
 cache:
   directories:
     - .cached_tools
+    - ~/.cache
     - node_modules
 
 before_install:
@@ -25,7 +26,7 @@ before_script:
   - curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add -
   - sudo add-apt-repository "deb [arch=amd64] https://download.docker.com/linux/ubuntu $(lsb_release -cs) edge"
   - sudo apt-get update
-  - sudo apt-get -y install docker-ce
+  - sudo apt-get -y install docker-ce libgconf2-4
   - sudo service docker restart
   - docker --version
 
@@ -37,7 +38,7 @@ jobs:
       after_success:
         - rm -rf $TRAVIS_BUILD_DIR/.tmp
         - bash <(curl -s https://codecov.io/bash)
-    - script: npm run cluster:start && npm run test:e2e
+    - script: npm run cluster:start && npm run e2e
     - stage: deploy
       script:
         - docker login -u $DOCKER_USER -p $DOCKER_PASS

angular.json

@@ -101,28 +101,6 @@
         }
       }
     },
-    "kubernetes-dashboard-e2e": {
-      "root": "",
-      "sourceRoot": "",
-      "projectType": "application",
-      "architect": {
-        "e2e": {
-          "builder": "@angular-devkit/build-angular:protractor",
-          "options": {
-            "protractorConfig": "aio/protractor.conf.js",
-            "devServerTarget": "kubernetes-dashboard:serve",
-            "webdriverUpdate": false
-          }
-        },
-        "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
-          "options": {
-            "tsConfig": [],
-            "exclude": []
-          }
-        }
-      }
-    }
   },
   "defaultProject": "kubernetes-dashboard",
   "schematics": {

cypress.json

@@ -0,0 +1,6 @@
+{
+  "baseUrl": "http://localhost:8080",
+  "video": false,
+  "viewportWidth": 1920,
+  "viewportHeight": 1080
+}

cypress/fixtures/README.md

@@ -0,0 +1,3 @@
+Fixtures are mock data used during tests, promoting repeatability.
+
+You can read more here: https://github.com/cypress-io/cypress-example-recipes/tree/master/examples/fundamentals__fixtures

cypress/integration/basic.spec.js

@@ -0,0 +1,15 @@
+describe("Application", () => {
+    before(() => {
+        cy.visit("/");
+    });
+
+    it("visits 'default' namespace", () => {
+        cy.url().should('include', 'overview?namespace=default');
+    });
+
+    it("collapses sidebar", () => {
+        cy.get("mat-drawer").should("be.visible");
+        cy.get("kd-nav-hamburger").click();
+        cy.get("mat-drawer").should('not.be.visible');
+    })
+});

cypress/plugins/README.md

@@ -0,0 +1,3 @@
+The `plugins/index.js` file is used to load plugins.
+
+You can read more here: https://on.cypress.io/plugins-guide

cypress/plugins/index.js

@@ -0,0 +1,4 @@
+module.exports = (on, config) => {
+  // `on` is used to hook into various events Cypress emits
+  // `config` is the resolved Cypress config
+};

cypress/support/README.md

@@ -0,0 +1,5 @@
+The `support/index.js` is processed and
+loaded automatically before the test files.
+
+This is the place to put global configuration and
+behavior that modifies Cypress.

cypress/support/commands.js

@@ -0,0 +1,3 @@
+// ***********************************************
+// Create various custom commands and overwrite existing commands.
+// ***********************************************

cypress/support/index.js

@@ -0,0 +1 @@
+import './commands'