https://github.com/srinivasantarget/angular-testing

The repository is to have a collection of common testing scenarios with Angular and to demonstrate different testing layers in Testing Pyramid or Testing Trophy with Angular.
https://github.com/srinivasantarget/angular-testing

accessibility angular angular-components angular-testing-library best-practices cypress-example examples jest testing testing-library testing-tools testpyramid

Last synced: 22 days ago
JSON representation

The repository is to have a collection of common testing scenarios with Angular and to demonstrate different testing layers in Testing Pyramid or Testing Trophy with Angular.

• Host: GitHub
• URL: https://github.com/srinivasantarget/angular-testing
• Owner: SrinivasanTarget
• Created: 2020-06-28T11:29:33.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-25T23:26:57.000Z (almost 2 years ago)
• Last Synced: 2024-10-14T00:01:16.481Z (about 1 month ago)
• Topics: accessibility, angular, angular-components, angular-testing-library, best-practices, cypress-example, examples, jest, testing, testing-library, testing-tools, testpyramid
• Language: TypeScript
• Homepage:
• Size: 1.18 MB
• Stars: 5
• Watchers: 1
• Forks: 2
• Open Issues: 16
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# AngularTesting

The goal of this repository is to have a collection of common testing scenarios with Angular and to demonstrate different testing layers in [Testing Pyramid](https://martinfowler.com/articles/microservice-testing/#conclusion-test-pyramid) or [Testing Trophy](https://kentcdodds.com/blog/unit-vs-integration-vs-e2e-tests) with Angular. I'm happy for every contribution/suggestion 😃.

## Different Layers of Tests

* Unit/Integration Tests - using [Angular Testing Library](https://testing-library.com/docs/angular-testing-library/intro).

* Accessibility Testing on Angular components - using [Jest-Axe](https://github.com/nickcolley/jest-axe).

* Consumer Driven Contract Tests - using [Pact](https://docs.pact.io/).

* End to End Tests - using [Cypress](https://www.cypress.io).

## Development server

Run `ng serve` for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.

## Running unit tests

Run `ng test` to execute the unit tests via [Jest](https://jestjs.io).

Run `nx affected:test` to execute the unit tests affected by a change.

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Cypress](https://www.cypress.io).

Run `nx affected:e2e` to execute the end-to-end tests affected by a change.

## Understand your workspace

Run `nx dep-graph` to see a diagram of the dependencies of your projects.