Start to update Modal.spec

houdiniproject · Dec 14, 2024 · 912e092 · 912e092
1 parent 1dd3279
commit 912e092
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/app/javascript/legacy_react/src/components/common/Modal.spec.tsx b/app/javascript/legacy_react/src/components/common/Modal.spec.tsx
@@ -3,13 +3,14 @@ import * as React from 'react';
 import Modal, {ModalProps} from './Modal'
 import {shallow, mount, ReactWrapper} from "enzyme";
 import toJson from "enzyme-to-json";
+import {render, screen} from '@testing-library/react'
 import { DefaultCloseButton } from './DefaultCloseButton';
 
 describe('Modal', () => {
   test('nothing displayed if inactive', () => {
-    let modal = shallow(<Modal childGenerator={() => <div/>}/>)
+    let modal = render(<Modal childGenerator={() => <div/>}/>)
 
-    expect(toJson(modal)).toMatchSnapshot()
+    expect(modal.baseElement.outerHTML).toMatchSnapshot()
   })
 
   describe('active modal displays', () => {

diff --git a/app/javascript/legacy_react/src/components/common/__snapshots__/Modal.spec.tsx.snap b/app/javascript/legacy_react/src/components/common/__snapshots__/Modal.spec.tsx.snap
@@ -367,4 +367,4 @@ exports[`Modal active modal displays matches snapshot 1`] = `
 </Modal>
 `;
 
-exports[`Modal nothing displayed if inactive 1`] = `""`;
+exports[`Modal nothing displayed if inactive 1`] = `"<body><div></div></body>"`;