Drop Enzyme's support

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/css/test/component-selector.test.js

@@ -1,4 +1,4 @@
-import 'test-utils/legacy-env'
+import 'test-utils/next-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/next-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/next-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/next-env'
 import { injectGlobal, sheet, flush, css } from '@emotion/css'
 
 describe('injectGlobal', () => {

packages/css/test/keyframes.test.js

@@ -1,4 +1,4 @@
-import 'test-utils/legacy-env'
+import 'test-utils/next-env'
 import React from 'react'
 import renderer from 'react-test-renderer'
 import { keyframes, flush, css } from '@emotion/css'
@@ -13,17 +13,17 @@ describe('keyframes', () => {
         animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
         transform: translate3d(0,0,0);
       }
-    
+
       40%, 43% {
         animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
         transform: translate3d(0, -30px, 0);
       }
-    
+
       70% {
         animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
         transform: translate3d(0, -15px, 0);
       }
-    
+
       90% {
         transform: translate3d(0,-4px,0);
       }
@@ -54,7 +54,7 @@ describe('keyframes', () => {
     from {
       transform: rotate(0deg);
     }
-  
+
     to {
       transform: rotate(${endingRotation});
     }

packages/css/test/label-pattern.test.js

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

packages/css/test/no-babel/index.test.js

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