1.html

 
    <span>{{ title }} app is running!</span>
 

1.js

it("loads examples", () => {
  cy.visit("http://localhost:4200");
  cy.contains("Replace me with something relevant");
});

10.js

describe('Cypress Test', () => {
  beforeEach(() => {
    cy.visit('http://localhost:4200');
    cy.get('span').as('spans');
    cy.get('div.terminal').as('terminal');
  });
  ...
});

11.js

      cy.get('@spans')
        .contains(step)
        .click();
      cy.get('@terminal').should('contain', commands[step]);

12.js

  it('create User', () => {
    cy.get('button.new-user').click();
 
    cy.get('.headline').contains('Nutzer anlegen');
 
    cy.get('input[formcontrolname="name"]').type('Hannes');
    
    cy.get('button.save').should('be.enabled').click();
  });

13.js

cy.server();

14.js

    cy.route(url)
    cy.route(url, response)
    cy.route(method, url)
    cy.route(method, url, response)

15.js

   cy.route('http://my.api.com', { name: 'Hannes' });

16.js

    cy.route('http://my.api.com', 'fixture:example.json');

17.js

    cy.route('POST', 'http://my.api.com/users', '123456789').as(
      'new-user'
    );

18.js

      cy.get('@new-user')
        .its('request.body')
        .should('deep.equal', {
          name: 'Hannes',
          kundennummer: '1597',
        });

2.js

describe('Next Steps', () => {...})

3.js

 
describe("Hooks", () => {
  before(() => {
    /* Wird einmalig VOR allen Tests ausgeführt */
  });
 
  after(() => {
    /* Wird einmalig NACH allen Tests ausgeführt */
  });
 
  beforeEach(() => {
    /* Wird VOR JEDEM Test ausgeführt */
  });
 
  afterEach(() => {
    /* Wird NACH JEDEM Test ausgeführt */
  });
});

4.js

it(`Beim besuche der Seite soll der Nutzer mit dem Namen das Projekts begrüsst werden, in form von: ProjektName app is running`, () => {
  cy.visit('http://localhost:4200');
  cy.get('span').contains('cypress-test app is running!');
});

5.js

it(`Beim Klick auf eine der Next Steps soll in der Anzeige eine Bestimmte Ausgabe angezeigt werden.`, () => {
  cy.visit('http://localhost:4200');
});

6.js

const commands = {
  'New Component': 'ng generate component xyz',
  'Angular Material': 'ng add @angular/material',
  'Add PWA support': 'ng add @angular/pwa',
  'Add Dependency': 'ng add _____',
  'Run and Watch Tests': 'ng test',
  'Build for Production': 'ng build --prod'
};

7.js

it(`Beim Klick auf eine der Next Steps soll in der Anzeige eine Bestimmte Ausgabe angezeigt werden.`, () => {
  cy.visit('http://localhost:4200');
  for (const step in commands) {
    cy.get('span')
      .contains(step)
      .click();
  }
});

8.js

cy.get('div.terminal').should('contain', commands[step]);

9.js

it(`Beim Klick auf eine der Next Steps soll in der Anzeige eine Bestimmte Ausgabe angezeigt werden.`, () => {
  cy.visit('http://localhost:4200');
  // tslint:disable-next-line:forin
  for (const step in commands) {
    cy.get('span')
      .contains(step)
      .click();
    cy.get('div.terminal').should('contain', commands[step]);
  }
});

angular.json

        "e2e": {
          "builder": "@angular-devkit/build-angular:protractor",
          "options": {
            "protractorConfig": "e2e/protractor.conf.js",
            "devServerTarget": "my-project:serve"
          },
          "configurations": {
            "production": {
              "devServerTarget": "my-project:serve:production"
            }
          }
        }
 

         "e2e": {
          "builder": "@briebug/cypress-schematic:cypress",
          "options": {
            "devServerTarget": "cypress-test:serve",
            "watch": true,
            "headless": false
          },
          "configurations": {
            "production": {
              "devServerTarget": "cypress-test:serve:production"
            }
          }
        },