Skip to content

Commit

Permalink
Merge pull request #642 from svenson95/docs-testing-harness-update
Browse files Browse the repository at this point in the history
docs(testing-harness): update content
  • Loading branch information
tomalaforge authored Mar 5, 2024
2 parents 1bbce47 + 17330a0 commit 18bb7db
Showing 4 changed files with 12 additions and 8 deletions.
Original file line number Diff line number Diff line change
@@ -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>

2 changes: 1 addition & 1 deletion docs/src/content/docs/challenges/testing/20-modal.md
Original file line number Diff line number Diff line change
@@ -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.
14 changes: 9 additions & 5 deletions docs/src/content/docs/challenges/testing/23-harness.md
Original file line number Diff line number Diff line change
@@ -8,13 +8,17 @@ sidebar:
order: 9
---

## Statement:
## Information

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.
A component harness is a class that lets a test interact with a component via a supported API.

**Note:** You are welcome to use Testing Library if you wish.
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.

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.
Original file line number Diff line number Diff line change
@@ -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.

0 comments on commit 18bb7db

Please sign in to comment.