fix(workshop): 🐛 snapshot not correct

sfeir-open-source · Nov 5, 2023 · 22af111 · 22af111
1 parent a2a679d
commit 22af111
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 21 deletions.
diff --git a/02-wrap-solution/src/app/app.spec.tsx b/02-wrap-solution/src/app/app.spec.tsx
@@ -2,16 +2,11 @@ import { render } from '@testing-library/react';
 import App from './app';
 describe('App', () => {
   let container: HTMLElement;
-  let asFragment: any;
 
   beforeEach(() => {
-    const { asFragment: snapshot, container: host } = render(<App />);
-    asFragment = snapshot;
-    container = host;
-  });
+    const { container: host } = render(<App />);
 
-  test('should display a snapshot of App', () => {
-    expect(asFragment(<App />)).toMatchSnapshot();
+    container = host;
   });
 
   test('should display in h1 tag the text "Hello Students', () => {

diff --git a/03-component-solution/src/app/app.spec.tsx b/03-component-solution/src/app/app.spec.tsx
@@ -2,16 +2,11 @@ import { render } from '@testing-library/react';
 import App from './app';
 describe('App', () => {
   let container: HTMLElement;
-  let asFragment: any;
 
   beforeEach(() => {
-    const { asFragment: snapshot, container: host } = render(<App />);
-    asFragment = snapshot;
-    container = host;
-  });
+    const { container: host } = render(<App />);
 
-  test('should display a snapshot of App', () => {
-    expect(asFragment(<App />)).toMatchSnapshot();
+    container = host;
   });
   test('should display the main tag with the class people-application', () => {
     const mainElement = container.querySelector('main.people-application') as HTMLElement;

diff --git a/03-component/src/app/app.spec.tsx b/03-component/src/app/app.spec.tsx
@@ -2,18 +2,12 @@ import { render } from '@testing-library/react';
 import App from './app';
 describe('App', () => {
   let container: HTMLElement;
-  let asFragment: any;
 
   beforeEach(() => {
-    const { asFragment: snapshot, container: host } = render(<App />);
-    asFragment = snapshot;
+    const { container: host } = render(<App />);
     container = host;
   });
 
-  test('should display a snapshot of App', () => {
-    expect(asFragment(<App />)).toMatchSnapshot();
-  });
-
   test('should display in h1 tag the text "Hello Students', () => {
     const h1Element = container.querySelector('h1') as HTMLHeadingElement;
     expect(h1Element.textContent?.trim()).toEqual('Hello Students');