feat(@cypress/react): Support react-scripts v4 (#15488)

cypress-io · Mar 16, 2021 · 3e9d752 · 3e9d752 · cypress-bot · Mar 16, 2021
1 parent ed4bf54
commit 3e9d752
Show file tree

Hide file tree

Showing 4 changed files with 4,018 additions and 2,843 deletions.
diff --git a/npm/react/examples/react-scripts/package.json b/npm/react/examples/react-scripts/package.json
@@ -13,7 +13,9 @@
     "@cypress/react": "file:../../dist",
     "check-code-coverage": "1.9.2",
     "cypress-circleci-reporter": "0.2.0",
-    "react-scripts": "3.4.3"
+    "react": "17.0.1",
+    "react-dom": "17.0.1",
+    "react-scripts": "4.0.2"
   },
   "browserslist": {
     "production": [

diff --git a/npm/react/examples/react-scripts/src/RemotePizza.cy-spec.js b/npm/react/examples/react-scripts/src/RemotePizza.cy-spec.js
@@ -1,4 +1,5 @@
 import React from 'react'
+import ReactDom from 'react-dom'
 import RemotePizza from './RemotePizza'
 import { mount } from '@cypress/react'
 
@@ -10,7 +11,7 @@ describe('RemotePizza', () => {
       'pizza',
     )
 
-    mount(<RemotePizza />)
+    mount(<RemotePizza />, { ReactDom })
     cy.contains('button', /cook/i).click()
     cy.wait('@pizza') // make sure the network stub was used
 
@@ -35,7 +36,7 @@ describe('RemotePizza', () => {
       args: { ingredients },
     })
 
-    mount(<RemotePizza />)
+    mount(<RemotePizza />, { ReactDom })
     cy.contains('button', /cook/i).click()
 
     for (const ingredient of ingredients) {