mirror of
https://github.com/Raghu-Ch/angular-challenges.git
synced 2026-02-10 12:53:03 -05:00
Merge pull request #642 from svenson95/docs-testing-harness-update
docs(testing-harness): update content
This commit is contained in:
@@ -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>
|
||||
|
||||
|
||||
@@ -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.
|
||||
|
||||
@@ -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.
|
||||
|
||||
@@ -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.
|
||||
|
||||
|
||||
Reference in New Issue
Block a user