update specs

Author: nasdan

05-testing/01-react/01-base/05-async/README.md

@@ -20,6 +20,7 @@ npm install
 This time, we want to handle `getMembers` errors:
 
 > 403: API rate limit exceeded
+>
 > 503: Service unavailable
 
 _./src/api.ts_
@@ -77,7 +78,7 @@ _./src/api.spec.ts_
 ```javascript
 import { getMembers } from './api';
 
-describe('api specs', () => {
+describe('getMembers specs', () => {
   it('', () => {
     // Arrange
     // Act
@@ -95,7 +96,7 @@ _./src/api.spec.ts_
 + import { Member } from './api-model';
 import { getMembers } from './api';
 
-describe('api specs', () => {
+describe('getMembers specs', () => {
 - it('', () => {
 + it('should return members when it resolves the request successfully', () => {
     // Arrange
@@ -133,7 +134,7 @@ import Axios from 'axios';
 import { Member } from './api-model';
 import { getMembers } from './api';
 
-describe('api specs', () => {
+describe('getMembers specs', () => {
 - it('should return members when it resolves the request successfully', () => {
 + it('should return members when it resolves the request successfully', async () => {
     // Arrange

05-testing/01-react/01-base/05-async/src/api.spec.ts

@@ -2,7 +2,7 @@ import Axios, { AxiosError } from 'axios';
 import { Member } from './api-model';
 import { getMembers } from './api';
 
-describe('api specs', () => {
+describe('getMembers specs', () => {
   it('should return members when it resolves the request successfully', async () => {
     // Arrange
     const members: Member[] = [

05-testing/01-react/02-components/02-name-edit/README.md

@@ -114,7 +114,9 @@ describe('NameEdit component specs', () => {
 
     // Assert
 +   expect(h3Element).toBeInTheDocument();
++   expect(h3Element.textContent).toEqual('');
 +   expect(inputElement).toBeInTheDocument();
++   expect(inputElement).toHaveAttribute('value', '');
   });
 });
 
@@ -149,8 +151,8 @@ import { NameEdit } from './name-edit';
 +   const h3Element = screen.getByRole('heading', { level: 3 });
 
 +   // Assert
-+   expect(inputElement.value).toEqual('John');
 +   expect(h3Element.textContent).toEqual('John');
++   expect(inputElement).toHaveAttribute('value', 'John');
 + });
 
 ```

05-testing/01-react/02-components/02-name-edit/src/name-edit.spec.tsx

@@ -15,7 +15,9 @@ describe('NameEdit component specs', () => {
 
     // Assert
     expect(h3Element).toBeInTheDocument();
+    expect(h3Element.textContent).toEqual('');
     expect(inputElement).toBeInTheDocument();
+    expect(inputElement).toHaveAttribute('value', '');
   });
 
   it('should update h3 text when input changes', async () => {
@@ -30,7 +32,7 @@ describe('NameEdit component specs', () => {
     const h3Element = screen.getByRole('heading', { level: 3 });
 
     // Assert
-    expect(inputElement.value).toEqual('John');
     expect(h3Element.textContent).toEqual('John');
+    expect(inputElement).toHaveAttribute('value', 'John');
   });
 });

05-testing/01-react/02-components/03-integration/src/name-edit.spec.tsx

@@ -15,7 +15,9 @@ describe('NameEdit component specs', () => {
 
     // Assert
     expect(h3Element).toBeInTheDocument();
+    expect(h3Element.textContent).toEqual('');
     expect(inputElement).toBeInTheDocument();
+    expect(inputElement).toHaveAttribute('value', '');
   });
 
   it('should update h3 text when input changes', async () => {
@@ -30,7 +32,7 @@ describe('NameEdit component specs', () => {
     const h3Element = screen.getByRole('heading', { level: 3 });
 
     // Assert
-    expect(inputElement.value).toEqual('John');
     expect(h3Element.textContent).toEqual('John');
+    expect(inputElement).toHaveAttribute('value', 'John');
   });
 });

05-testing/01-react/02-components/04-fetch/src/name-edit.spec.tsx

@@ -15,7 +15,9 @@ describe('NameEdit component specs', () => {
 
     // Assert
     expect(h3Element).toBeInTheDocument();
+    expect(h3Element.textContent).toEqual('');
     expect(inputElement).toBeInTheDocument();
+    expect(inputElement).toHaveAttribute('value', '');
   });
 
   it('should update h3 text when input changes', async () => {
@@ -30,7 +32,7 @@ describe('NameEdit component specs', () => {
     const h3Element = screen.getByRole('heading', { level: 3 });
 
     // Assert
-    expect(inputElement.value).toEqual('John');
     expect(h3Element.textContent).toEqual('John');
+    expect(inputElement).toHaveAttribute('value', 'John');
   });
 });

05-testing/01-react/02-components/05-router/src/name-edit.spec.tsx

@@ -15,7 +15,9 @@ describe('NameEdit component specs', () => {
 
     // Assert
     expect(h3Element).toBeInTheDocument();
+    expect(h3Element.textContent).toEqual('');
     expect(inputElement).toBeInTheDocument();
+    expect(inputElement).toHaveAttribute('value', '');
   });
 
   it('should update h3 text when input changes', async () => {
@@ -30,7 +32,7 @@ describe('NameEdit component specs', () => {
     const h3Element = screen.getByRole('heading', { level: 3 });
 
     // Assert
-    expect(inputElement.value).toEqual('John');
     expect(h3Element.textContent).toEqual('John');
+    expect(inputElement).toHaveAttribute('value', 'John');
   });
 });

05-testing/01-react/02-components/06-material-ui/src/name-edit.spec.tsx

@@ -15,7 +15,9 @@ describe('NameEdit component specs', () => {
 
     // Assert
     expect(h3Element).toBeInTheDocument();
+    expect(h3Element.textContent).toEqual('');
     expect(inputElement).toBeInTheDocument();
+    expect(inputElement).toHaveAttribute('value', '');
   });
 
   it('should update h3 text when input changes', async () => {
@@ -30,7 +32,7 @@ describe('NameEdit component specs', () => {
     const h3Element = screen.getByRole('heading', { level: 3 });
 
     // Assert
-    expect(inputElement.value).toEqual('John');
     expect(h3Element.textContent).toEqual('John');
+    expect(inputElement).toHaveAttribute('value', 'John');
   });
 });