change react-testing-library to @testing-library/react in Modal tests

Author: thayannevls

react/components/Modal/index.test.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import { render, fireEvent, screen } from 'react-testing-library'
+import { render, fireEvent } from '@testing-library/react'
 
 import Modal from '.'
 
@@ -59,8 +59,7 @@ describe('Modal', () => {
       render(
         <Modal isOpen onClose={onClose}>
           Foo
-        </Modal>,
-        { container: document.body }
+        </Modal>
       )
       fireEvent.click(document.querySelector('.vtex-modal__overlay'))
       expect(onClose).toHaveBeenCalled()
@@ -72,8 +71,7 @@ describe('Modal', () => {
       render(
         <Modal isOpen onClose={onClose} closeOnOverlayClick={false}>
           Foo
-        </Modal>,
-        { container: document.body }
+        </Modal>
       )
       fireEvent.click(document.querySelector('.vtex-modal__overlay'))
       expect(onClose).not.toHaveBeenCalled()
@@ -164,6 +162,7 @@ describe('Modal', () => {
   // help it's not working
   // describe('onCloseTransitionFinish', () => {
   //   it('should be called after 500ms', () => {
+  //     jest.useFakeTimers()
   //     const onClose = jest.fn()
   //     const onCloseTransitionFinish = jest.fn()
 
@@ -178,7 +177,7 @@ describe('Modal', () => {
   //     )
 
   //     fireEvent.keyDown(container, { key: 'Escape', keyCode: 27 })
-  //     // jest.runAllTimers()
+  //     jest.runAllTimers()
   //     expect(onCloseTransitionFinish).toHaveBeenCalled()
   //   })
   // })

react/components/ModalDialog/index.test.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import { render, fireEvent } from 'react-testing-library'
+import { render, fireEvent } from '@testing-library/react'
 
 import ModalDialog from '.'
 
@@ -12,7 +12,7 @@ describe('ModalDialog', () => {
     it('should render label', () => {
       const onCancel = jest.fn()
       const cancelLabel = 'cancel'
-      const { getByText, container } = render(
+      const { getAllByText, container } = render(
         <ModalDialog
           isOpen
           cancelation={{
@@ -28,7 +28,7 @@ describe('ModalDialog', () => {
         </ModalDialog>,
         { container: document.body }
       )
-      expect(getByText(cancelLabel)).not.toBeNull()
+      expect(getAllByText(cancelLabel)).not.toBeNull()
       expect(container).toMatchSnapshot()
     })
 
@@ -61,7 +61,7 @@ describe('ModalDialog', () => {
     it('should render label', () => {
       const onConfirm = jest.fn()
       const confirmLabel = 'cancel'
-      const { getByText, container } = render(
+      const { getAllByText, container } = render(
         <ModalDialog
           isOpen
           cancelation={{
@@ -77,7 +77,7 @@ describe('ModalDialog', () => {
         </ModalDialog>,
         { container: document.body }
       )
-      expect(getByText(confirmLabel)).not.toBeNull()
+      expect(getAllByText(confirmLabel)).not.toBeNull()
       expect(container).toMatchSnapshot()
     })