refactor(challenge19): clarify test

Author: ThomasL

apps/testing-input-output/src/app/counter.component.cy.ts

@@ -1,11 +1,13 @@
 import { CounterComponent } from './counter.component';
 
 describe(CounterComponent.name, () => {
- it('using createOutputSpy', () => {
- cy.mount(CounterComponent);
- });
+ describe('Given an initualValue of 10', async () => {
+ it('listen to output using createOutputSpy', () => {
+ cy.mount(CounterComponent);
+ });
 
- it('using autoSpyOutputs', () => {
- cy.mount(CounterComponent);
+ it('listen to output using autoSpyOutputs', () => {
+ cy.mount(CounterComponent);
+ });
  });
 });

apps/testing-input-output/src/app/counter.component.spec.ts

@@ -2,7 +2,26 @@ import { render } from '@testing-library/angular';
 import { CounterComponent } from './counter.component';
 
 describe('CounterComponent', () => {
- test('set input and listen to output', async () => {
- await render(CounterComponent);
+ describe('Given an initualValue of 10', async () => {
+ test('Then counterValue is 10', async () => {
+ await render(CounterComponent);
+ });
+
+ describe('When clicking 5 times on increment button', async () => {
+ test('Then counterValue is 15', async () => {
+ await render(CounterComponent);
+ });
+ });
+
+ describe('When clicking 2 times on decrement button', async () => {
+ test('Then counterValue is 8', async () => {
+ await render(CounterComponent);
+ });
+ describe('When clicking on Send ', async () => {
+ test('Then emitted value is 8', async () => {
+ await render(CounterComponent);
+ });
+ });
+ });
  });
 });