Drop Enzyme's support (#3292)

* Drop Enzyme's support

* update lockfile

* update snapshots

* rename to setup-env

* update snapshots agains

Author: Andarist

.changeset/polite-items-cheat.md

@@ -0,0 +1,5 @@
+---
+'@emotion/jest': major
+---
+
+Drop support for Enzyme

docs/testing.mdx

@@ -32,26 +32,9 @@ import { createSerializer } from '@emotion/jest'
 expect.addSnapshotSerializer(createSerializer())
 ```
 
-When using Enzyme, you can add `"@emotion/jest/enzyme-serializer"` instead.
-
-```json
-{
-  "snapshotSerializers": ["@emotion/jest/enzyme-serializer"]
-}
-```
-
-Or use `expect.addSnapshotSerializer` to add it like this:
-
-```javascript
-// also adds the enzyme-to-json serializer
-import { createEnzymeSerializer } from '@emotion/jest/enzyme-serializer'
-
-expect.addSnapshotSerializer(createEnzymeSerializer())
-```
-
 ### Writing a test
 
-Writing a test with `@emotion/jest` involves creating a snapshot from the `react-test-renderer` or `enzyme-to-json`'s resulting JSON.
+Writing a test with `@emotion/jest` involves creating a snapshot from the `react-test-renderer`'s resulting JSON.
 
 ```jsx
 import React from 'react'

package.json

@@ -201,9 +201,6 @@
     "bundlesize": "^0.13.2",
     "codecov": "^2.3.1",
     "cssjanus": "^1.2.0",
-    "enzyme": "^3.11.0",
-    "enzyme-adapter-react-16": "^1.15.5",
-    "enzyme-to-json": "^3.6.1",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-config-react": "^1.1.7",

packages/cache/__tests__/index.js

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import 'test-utils/next-env'
+import 'test-utils/setup-env'
 import { safeQuerySelector } from 'test-utils'
 import createCache from '@emotion/cache'
 import { jsx, CacheProvider } from '@emotion/react'

packages/css/test/__snapshots__/selectivity.test.js.snap

@@ -15,62 +15,62 @@ exports[`css complex nested media queries 1`] = `
 `;
 
 exports[`css complex nested styles 1`] = `
-".css-52fshx {
+".css-1fh6au3 {
   color: blue;
 }
 
-.css-52fshx:hover {
+.css-1fh6au3:hover {
   color: green;
 }
 
-.css-52fshx:hover .name {
+.css-1fh6au3:hover .name {
   color: amethyst;
 }
 
-.css-52fshx:hover .name:focus {
+.css-1fh6au3:hover .name:focus {
   color: burlywood;
 }
 
 @media (min-width: 420px) {
-  .css-52fshx:hover .name:focus {
+  .css-1fh6au3:hover .name:focus {
     color: rebeccapurple;
   }
 }"
 `;
 
 exports[`css handles media query merges 1`] = `
-".css-19kb3dc {
+".css-uzr6q5 {
   color: darkslateblue;
   color: red;
   color: purple;
 }
 
 @media (min-width: 420px) {
-  .css-19kb3dc {
+  .css-uzr6q5 {
     color: amethyst;
   }
 }
 
 @media (min-width: 640px) {
-  .css-19kb3dc {
+  .css-uzr6q5 {
     color: rebeccapurple;
   }
 }
 
 @media (min-width: 960px) {
-  .css-19kb3dc {
+  .css-uzr6q5 {
     color: burlywood;
   }
 }
 
 @media (min-width: 640px) {
-  .css-19kb3dc {
+  .css-uzr6q5 {
     color: blue;
   }
 }
 
 @media (min-width: 640px) {
-  .css-19kb3dc {
+  .css-uzr6q5 {
     color: aquamarine;
   }
 }"

packages/css/test/component-selector.test.js

@@ -1,4 +1,4 @@
-import 'test-utils/legacy-env'
+import 'test-utils/setup-env'
 import React from 'react'
 import styled from '@emotion/styled'
 import renderer from 'react-test-renderer'

packages/css/test/css.test.js

@@ -1,4 +1,4 @@
-import 'test-utils/legacy-env'
+import 'test-utils/setup-env'
 import React from 'react'
 import renderer from 'react-test-renderer'
 import { css, flush, sheet } from '@emotion/css'

packages/css/test/cx.test.js

@@ -1,4 +1,4 @@
-import 'test-utils/legacy-env'
+import 'test-utils/setup-env'
 import React from 'react'
 import renderer from 'react-test-renderer'
 import { css, cx } from '@emotion/css'

packages/css/test/inject-global.test.js

@@ -1,4 +1,4 @@
-import 'test-utils/legacy-env'
+import 'test-utils/setup-env'
 import { injectGlobal, sheet, flush, css } from '@emotion/css'
 
 describe('injectGlobal', () => {

packages/css/test/instance/css.test.js

@@ -1,4 +1,4 @@
-import 'test-utils/next-env'
+import 'test-utils/setup-env'
 import React from 'react'
 import renderer from 'react-test-renderer'
 import { css as differentCss, flush, sheet } from './emotion-instance'