Merge pull request #642 from svenson95/docs-testing-harness-update

docs(testing-harness): update content
This commit is contained in:
Laforge Thomas
2024-03-05 08:57:18 +01:00
committed by GitHub
4 changed files with 12 additions and 8 deletions

View File

@@ -8,7 +8,7 @@ sidebar:
order: 110
---
## Information:
## Information
We have a small counter application that increments or decrements a number. The `CounterComponent` takes an initial value as an `@Input` and emits the result of the counter as an `@Output` when we click on the **Send** button. Since we are testing our component as a black box, we only have access to our inputs and listen to the output values. <b>We should not rely on any internal implementation details!!!</b>

View File

@@ -8,7 +8,7 @@ sidebar:
order: 111
---
## Information:
## Information
In this small application, you have an input prompting you to enter a name, and a **Confirm** button to submit your form.
If you enter a name, a confirmation modal will appear; otherwise an error modal will be displayed.

View File

@@ -8,13 +8,17 @@ sidebar:
order: 9
---
## Statement:
## Information
A component harness is a class that lets a test interact with a component via a supported API.
The objective of this challenge is to have a better understanding of the CDK test harness API. In this initial challenge, we will only use Angular Material's built-in harnesses.
The goal is to test the functionality of `child.component.ts`. I have prepared a test suite that you need to implement, but feel free to include additional tests as well.
**Note:** You are welcome to use Testing Library if you wish.
Documentation for CDK Component Harness is [here](https://material.angular.io/cdk/test-harnesses/overview#api-for-test-authors).
Documentation for Angular Material component is [here](https://material.angular.io/components/button/overview).
## Statement
Test the functionality of `child.component.ts`, which consists of some inputs & checkboxes related to a `mat-slider`. Implement the prepared test suite, but feel free to include additional tests as well.
**Note:** You are welcome to use Testing Library if you wish.

View File

@@ -8,7 +8,7 @@ sidebar:
order: 205
---
## Information:
## Information
This application presents a greater challenge because it closely resembles a real-life application that you might encounter in your day-to-day activities as an Angular developer. What makes it more difficult is the need to handle asynchronous tasks and create appropriate mocks.