test(integration): Add cypress e2e tests

Author: christopherthielen

test/integration/.gitignore

@@ -0,0 +1,7 @@
+*/cypress/fixtures
+*/cypress/plugins
+*/cypress/screenshots
+*/cypress/videos
+*/cypress/support
+**/bundle.js
+*/yarn.lock

test/integration/angularV5/cypress.json

@@ -0,0 +1,4 @@
+{
+  "baseUrl": "http://localhost:4000",
+  "videoRecording": false
+}

test/integration/angularV5/cypress/integration/sample_app_spec.js

@@ -0,0 +1,105 @@
+describe('Angular v5 app', () => {
+  beforeEach(() => {
+    window.sessionStorage.clear();
+  });
+
+  it('loads', () => {
+    cy.visit('');
+  });
+
+  it('loads home state by default', () => {
+    cy.visit('');
+    cy.url().should('include', '/home');
+  });
+
+  it('renders uisref as links', () => {
+    cy.visit('');
+    cy.get('a').contains('home');
+    cy.get('a').contains('about');
+    cy.get('a').contains('lazy');
+    cy.get('a').contains('lazy.child');
+    cy.get('a').contains('lazy.child.viewtarget');
+  });
+
+  it('renders home', () => {
+    cy.visit('/home');
+    cy
+      .get('a')
+      .contains('home')
+      .should('have.class', 'active');
+    cy
+      .get('a')
+      .contains('about')
+      .should('not.have.class', 'active');
+    cy.get('#default').contains('home works');
+  });
+
+  it('renders about', () => {
+    cy.visit('/home');
+    cy.visit('/about');
+    cy
+      .get('a')
+      .contains('home')
+      .should('not.have.class', 'active');
+    cy
+      .get('a')
+      .contains('about')
+      .should('have.class', 'active');
+    cy.get('#default').contains('about works');
+  });
+
+  it('loads lazy routes', () => {
+    cy.visit('/home');
+    cy.visit('/lazy');
+    cy
+      .get('a')
+      .contains('home')
+      .should('not.have.class', 'active');
+    cy
+      .get('a')
+      .contains('lazy')
+      .should('have.class', 'active');
+    cy.get('#default').contains('lazy works');
+  });
+
+  it('routes to lazy routes', () => {
+    cy.visit('/lazy');
+    cy
+      .get('a')
+      .contains('home')
+      .should('not.have.class', 'active');
+    cy
+      .get('a')
+      .contains('lazy')
+      .should('have.class', 'active');
+    cy.get('#default').contains('lazy works');
+  });
+
+  it('routes to lazy child routes', () => {
+    cy.visit('/lazy/child');
+    cy
+      .get('a')
+      .contains('home')
+      .should('not.have.class', 'active');
+    cy
+      .get('a')
+      .contains('lazy.child')
+      .should('have.class', 'active');
+    cy.get('#default').contains('lazy.child works');
+  });
+
+  it('targets named views', () => {
+    cy.visit('/lazy/child/viewtarget');
+    cy
+      .get('a')
+      .contains('home')
+      .should('not.have.class', 'active');
+    cy
+      .get('a')
+      .contains('lazy.child')
+      .should('have.class', 'active');
+    cy.get('#default').contains('lazy.child works');
+    cy.get('#header').contains('lazy.child.viewtarget works');
+    cy.get('#footer').contains('lazy.child.viewtarget works');
+  });
+});

test/integration/angularV5/package.json

@@ -6,9 +6,9 @@
     "ng": "ng",
     "start": "ng serve",
     "build": "ng build --prod",
-    "test": "ng test",
+    "test": "npm run e2e",
     "lint": "ng lint",
-    "e2e": "ng e2e"
+    "e2e": "npm run build && cypress-runner run dist"
   },
   "private": true,
   "dependencies": {
@@ -33,6 +33,7 @@
     "@types/jasmine": "~2.5.53",
     "@types/jasminewd2": "~2.0.2",
     "@types/node": "~6.0.60",
+    "@uirouter/cypress-runner": "^1.0.7",
     "codelyzer": "^4.0.1",
     "jasmine-core": "~2.6.2",
     "jasmine-spec-reporter": "~4.1.0",