Учебник по Angular Nx-Шаг 2:Добавление тестов E2E

{% youtube src=" https://www.youtube.com/embed/owRAO75DIR4 " title="Nx.dev Tutorial | Angular | Шаг 2. Добавьте тест E2E" width="100%" /%}

По умолчанию Nx использует Cypress для запуска тестов E2E.

Откройте apps/todos-e2e/src/support/app.po.ts . Это объектный файл страницы, который содержит помощники для запросов к странице.

Добавьте следующие два помощника:

export const getTodos = () => cy.get('li.todo');
export const getAddTodoButton = () => cy.get('button#add-todo');

Затем обновите apps/todos-e2e/src/integration/app.spec.ts .

import { getAddTodoButton, getTodos } from '../support/app.po';

describe('TodoApps', () => {
  beforeEach(() => cy.visit('/'));

  it('should display todos', () => {
    getTodos().should((t) => expect(t.length).equal(2));
    getAddTodoButton().click();
    getTodos().should((t) => expect(t.length).equal(3));
  });
});

Это простой пример E2E-теста,но его достаточно для целей данного руководства.

Если вы еще этого не сделали, остановите команду npx nx serve и запустите npx nx e2e todos-e2e --watch .

Откроется пользовательский интерфейс.Нажмите кнопку в правом верхнем углу с надписью "Run 1 integration spec".Продолжайте выполнять тесты E2E.

По мере продвижения по учебнику вы работаете над тем,чтобы эти тесты E2E были пройдены.

What's Next