update test to use cy.mount

cypress-io · Jul 14, 2022 · a5a043b · a5a043b · cypress-bot · Jul 14, 2022
1 parent d9aefd5
commit a5a043b
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 15 deletions.
diff --git a/system-tests/project-fixtures/react/cypress/support/component.ts b/system-tests/project-fixtures/react/cypress/support/component.ts
@@ -1 +1,3 @@
-//
+import { mount } from 'cypress/react'
+
+Cypress.Commands.add('mount', mount)
diff --git a/system-tests/project-fixtures/react/src/App.cy.jsx b/system-tests/project-fixtures/react/src/App.cy.jsx
@@ -1,9 +1,8 @@
 import React from 'react'
-import { mount } from 'cypress/react'
 import { App } from './App'
 
-it('renders hello world', () => {
-  mount(<App />)
+it('renders hello world with cy.mount', () => {
+  cy.mount(<App />)
   // Click on the header here to ensure that the AUT is interactable. This ensures that the dev server overlay is not displaying
   cy.get('h1').contains('Hello World').click()
 })
diff --git a/system-tests/projects/react17/package.json b/system-tests/projects/react17/package.json
@@ -5,7 +5,7 @@
   },
   "devDependencies": {
     "@vitejs/plugin-react": "^1.3.2",
-    "vite": "2.9.2",
+    "vite": "2.9.14",
     "webpack": "^4"
   },
   "projectFixtureDirectory": "react"

diff --git a/system-tests/projects/react17/yarn.lock b/system-tests/projects/react17/yarn.lock
@@ -2239,7 +2239,7 @@ posix-character-classes@^0.1.0:
   resolved "https://registry.yarnpkg.com/posix-character-classes/-/posix-character-classes-0.1.1.tgz#01eac0fe3b5af71a2a6c02feabb8c1fef7e00eab"
   integrity sha512-xTgYBc3fuo7Yt7JbiuFxSYGToMoz8fLoE6TC9Wx1P/u+LfeThMOAqmuyECnlBaaJb+u1m9hHiXUEtwW4OzfUJg==
 
-postcss@^8.4.12:
+postcss@^8.4.13:
   version "8.4.14"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.14.tgz#ee9274d5622b4858c1007a74d76e42e56fd21caf"
   integrity sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==
@@ -2886,13 +2886,13 @@ util@^0.11.0:
   dependencies:
     inherits "2.0.3"
 
-vite@2.9.2:
-  version "2.9.2"
-  resolved "https://registry.yarnpkg.com/vite/-/vite-2.9.2.tgz#bf233b96c77beae7c4a4674d76ece678588620f3"
-  integrity sha512-ScbfYsiG1N/xE2TnZWYWJ8aOFBQovEl4VLU+0dktxqXvqdAvcTOEUM5YqwaBkmNHSHUGHLPd92tuXFQ35wDkVw==
+vite@2.9.14:
+  version "2.9.14"
+  resolved "https://registry.yarnpkg.com/vite/-/vite-2.9.14.tgz#c438324c6594afd1050df3777da981dee988bb1b"
+  integrity sha512-P/UCjSpSMcE54r4mPak55hWAZPlyfS369svib/gpmz8/01L822lMPOJ/RYW6tLCe1RPvMvOsJ17erf55bKp4Hw==
   dependencies:
     esbuild "^0.14.27"
-    postcss "^8.4.12"
+    postcss "^8.4.13"
     resolve "^1.22.0"
     rollup "^2.59.0"
   optionalDependencies:

diff --git a/system-tests/test/component_testing_spec.ts b/system-tests/test/component_testing_spec.ts
@@ -89,10 +89,6 @@ describe(`React major versions with Vite`, function () {
   }
 })
 
-// TODO: Get these to pass.
-// React 18 works fine, but the module resolution is messy due to
-// how we use symlinks in system-tests, causing the `import('react-dom/client')
-// to incorrectly resolve to `cypress/cli/react/dist`
 describe(`React major versions with Webpack`, function () {
   systemTests.setup()