DWX 2023 Talk - Angular Test Harness

brought to you with 🥰 by co-IT.eu GmbH

Slides

• 🖌️ https://speakerdeck.com/gregonnet/angular-material-test-harness

Inside this repository

• Mono Repository containing a
  • Angular Client
  • .Net Web-API

Angular Client

• Tests written with Angular Material Test Harness
• Data State is maintained by @ngneat/query

.Net Web-API

• API documented with Open API
• SQLite Database
• EntityFramework

Written Tests

• Material Checkbox
• Material Button
• Material Input
• Material Select
• Material Table

Prerequisites

• Having .Net 7 installed
• Having Node 18 installed
• *Having pnpm installed
  • You also can install the dependencies with npm or yarn.
  • In our company we completely switched to pnpm.

Getting Started

git clone https://github.com/co-IT/talk-dwx-2023-angular-test-harness.git

cd talk-dwx-2023-angular-test-harness

pnpm i

# Console 1: Angular Client
pnpm nx serve --project insurance-documents

# Console 2: .Net Web API
pnpm nx serve --project insurance-documents.web-api

Execute Tests

# Jest
pnpm nx run insurance-documents:test --watch

# Cypress Component Tests
pnpm nx run insurance-documents:component-test --watch