yarn run v1.10.1
$ npm-run-all -p lint:check coverage test:size test:typescript flow && npm run test:prod
$ npm-run-all build size
$ jest --coverage --no-cache --ci --runInBand
$ eslint .
$ flow check
$ lerna run test:typescript --parallel
$ node scripts/build
lerna notice cli v3.4.0
lerna info Executing command in 12 packages: "yarn run test:typescript"
@emotion/sheet: $ dtslint types
@emotion/utils: $ dtslint types
@emotion/stylis: $ dtslint types
create-emotion-styled: $ dtslint types
create-emotion-server: $ dtslint types
emotion-server: $ dtslint types
create-emotion: $ dtslint types
emotion-theming: $ dtslint types
jest-emotion: $ dtslint types
react-emotion: $ dtslint types
emotion: $ dtslint types
preact-emotion: $ dtslint types
Circular dependency: packages\babel-plugin-emotion\src\index.js -> packages\babel-plugin-emotion\src\babel-utils.js -> packages\babel-plugin-emotion\src\index.js
Circular dependency: packages\babel-plugin-emotion\src\index.js -> packages\babel-plugin-emotion\src\macro.js -> packages\babel-plugin-emotion\src\index.js
Circular dependency: packages\babel-plugin-emotion\src\index.js -> packages\babel-plugin-emotion\src\macro-styled.js -> packages\babel-plugin-emotion\src\index.js
Using named and default exports together. Consumers of your bundle will have to use bundle['default'] to access the default export, which may not be what you want. Use `exports: 'named'` to disable this warning
Using named and default exports together. Consumers of your bundle will have to use bundle['default'] to access the default export, which may not be what you want. Use `exports: 'named'` to disable this warning
'emotion' is imported by packages\preact-emotion\src\index.js, but could not be resolved – treating it as an external dependency
Using named and default exports together. Consumers of your bundle will have to use bundle['default'] to access the default export, which may not be what you want. Use `exports: 'named'` to disable this warning
'emotion' is imported by packages\react-emotion\src\index.js, but could not be resolved – treating it as an external dependency
Using named and default exports together. Consumers of your bundle will have to use bundle['default'] to access the default export, which may not be what you want. Use `exports: 'named'` to disable this warning
'@emotion/is-prop-valid' is imported by packages\primitives\src\test-props.js, but could not be resolved – treating it as an external dependency
Using named and default exports together. Consumers of your bundle will have to use bundle['default'] to access the default export, which may not be what you want. Use `exports: 'named'` to disable this warning
'Fragment' is imported from external module 'react' but never used
'Fragment' is imported from external module 'react' but never used
lerna success run Ran npm script 'test:typescript' in 12 packages:
lerna success - @emotion/sheet
lerna success - @emotion/stylis
lerna success - @emotion/utils
lerna success - create-emotion-server
lerna success - create-emotion-styled
lerna success - create-emotion
lerna success - emotion-server
lerna success - emotion-theming
lerna success - emotion
lerna success - jest-emotion
lerna success - preact-emotion
lerna success - react-emotion
Using named and default exports together. Consumers of your bundle will have to use bundle['default'] to access the default export, which may not be what you want. Use `exports: 'named'` to disable this warning
'Component' is imported from external module 'preact' but never used
PASS packages/react-emotion/test/index.test.js (14.069s)
  ● Console

    console.error node_modules/fbjs/lib/warning.js:33
      Warning: The tag <circle> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.
    console.error node_modules/fbjs/lib/warning.js:33
      Warning: The tag <path> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.

'Component' is imported from external module 'preact' but never used
'Component' is imported from external module 'preact' but never used
'Component' is imported from external module 'preact' but never used
'Fragment' is imported from external module 'react' but never used
PASS packages/create-emotion/test/styled.test.js
  ● Console

    console.error node_modules/fbjs/lib/warning.js:33
      Warning: The tag <circle> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.
    console.error node_modules/fbjs/lib/warning.js:33
      Warning: The tag <path> is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.

'Fragment' is imported from external module 'react' but never used
'Fragment' is imported from external module 'react' but never used
Using named and default exports together. Consumers of your bundle will have to use bundle['default'] to access the default export, which may not be what you want. Use `exports: 'named'` to disable this warning
PASS packages/babel-plugin-emotion/test/macro/react.test.js
Generated bundles for create-emotion-server
Generated bundles for emotion-server
Generated bundles for create-emotion-styled
Generated bundles for babel-plugin-emotion
Generated bundles for @emotion/native
Generated bundles for jest-emotion
Generated bundles for @emotion/primitives-core
Generated bundles for @emotion/primitives
Generated bundles for @emotion/babel-utils
Generated bundles for @emotion/cache
Generated bundles for @emotion/compat-cache
Generated bundles for @emotion/core
Generated bundles for @emotion/babel-plugin-core
Generated bundles for @emotion/css
Generated bundles for @emotion/hash
Generated bundles for @emotion/memoize
Generated bundles for @emotion/is-prop-valid
Generated bundles for @emotion/preact-core
Generated bundles for @emotion/css.macro
Generated bundles for @emotion/preact-styled
Generated bundles for @emotion/preact-styled-base
Generated bundles for @emotion/serialize
Generated bundles for @emotion/sheet
Generated bundles for @emotion/provider
Generated bundles for @emotion/styled.macro
Generated bundles for @emotion/styled
Generated bundles for @emotion/styled-base
Generated bundles for @emotion/snapshot-serializer
Generated bundles for @emotion/utils
Generated bundles for @emotion/weak-memoize
Generated bundles for @emotion/stylis
Generated bundles for @emotion/unitless
Wrote flow files for @emotion/babel-utils
Wrote flow files for @emotion/cache
Wrote flow files for @emotion/compat-cache
Wrote flow files for @emotion/babel-plugin-core
Wrote flow files for @emotion/core
Wrote flow files for @emotion/hash
Wrote flow files for @emotion/css
Wrote flow files for @emotion/memoize
Wrote flow files for @emotion/is-prop-valid
Wrote flow files for @emotion/preact-core
Wrote flow files for @emotion/preact-styled
Wrote flow files for @emotion/serialize
Wrote flow files for @emotion/preact-styled-base
Wrote flow files for @emotion/provider
Wrote flow files for @emotion/sheet
Wrote flow files for @emotion/styled
Wrote flow files for @emotion/styled-base
Wrote flow files for @emotion/snapshot-serializer
Wrote flow files for @emotion/utils
Wrote flow files for @emotion/weak-memoize
Wrote flow files for @emotion/stylis
Wrote flow files for @emotion/unitless
Using named and default exports together. Consumers of your bundle will have to use preactEmotion['default'] to access the default export, which may not be what you want. Use `exports: 'named'` to disable this warning
Using named and default exports together. Consumers of your bundle will have to use reactEmotion['default'] to access the default export, which may not be what you want. Use `exports: 'named'` to disable this warning
PASS next-packages/styled/__tests__/styled.js
Generated bundles for create-emotion
Generated bundles for emotion
Generated bundles for preact-emotion
Generated bundles for react-emotion
Generated bundles for emotion-theming
$ bundlesize
PASS packages/emotion/test/css.test.js
  ● Console

    console.error packages/create-emotion/src/index.js:140
      Interpolating functions in css calls is deprecated and will be removed in the next major version of Emotion.
      If you want to have a css call based on props, create a function that returns a css call like this
      let dynamicStyle = (props) => css`color: ${props.color}`
      It can be called directly with props or interpolated in a styled call like this
      let SomeComponent = styled('div')`${dynamicStyle}`
    console.error packages/create-emotion/src/index.js:140
      Interpolating functions in css calls is deprecated and will be removed in the next major version of Emotion.
      If you want to have a css call based on props, create a function that returns a css call like this
      let dynamicStyle = (props) => css`color: ${props.color}`
      It can be called directly with props or interpolated in a styled call like this
      let SomeComponent = styled('div')`${dynamicStyle}`

PASS next-packages/stylis/__tests__/index.js
 PASS  ./packages/emotion/dist/emotion.umd.min.js: 5.54kB < maxSize 7kB gzip 

 PASS  ./packages/react-emotion/dist/emotion.umd.min.js: 8.32kB < maxSize 9.7kB gzip 

 PASS  ./next-packages/core/dist/index.min.js: 5.82kB < maxSize 7kB gzip 

PASS packages/create-emotion/test/css.test.js
  ● Console

    console.error packages/create-emotion/src/index.js:140
      Interpolating functions in css calls is deprecated and will be removed in the next major version of Emotion.
      If you want to have a css call based on props, create a function that returns a css call like this
      let dynamicStyle = (props) => css`color: ${props.color}`
      It can be called directly with props or interpolated in a styled call like this
      let SomeComponent = styled('div')`${dynamicStyle}`
    console.error packages/create-emotion/src/index.js:140
      Interpolating functions in css calls is deprecated and will be removed in the next major version of Emotion.
      If you want to have a css call based on props, create a function that returns a css call like this
      let dynamicStyle = (props) => css`color: ${props.color}`
      It can be called directly with props or interpolated in a styled call like this
      let SomeComponent = styled('div')`${dynamicStyle}`

PASS packages/emotion/test/insertion.test.js
PASS packages/babel-plugin-emotion/test/css.test.js
  ● Console

    console.warn packages/babel-plugin-emotion/src/index.js:523
      extractStatic is deprecated and will be removed in emotion@10. We recommend disabling extractStatic or using other libraries like linaria or css-literal-loader
    console.log packages/babel-plugin-emotion/src/index.js:528
      

FAIL packages/babel-plugin-emotion/test/styled.test.js
  ● Console

    console.warn packages/babel-plugin-emotion/src/index.js:523
      extractStatic is deprecated and will be removed in emotion@10. We recommend disabling extractStatic or using other libraries like linaria or css-literal-loader
    console.log packages/babel-plugin-emotion/src/index.js:528
      

  ● styled inline › babel 7 › no use

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 no use 1".

    - Snapshot
    + Received

      "/*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })();"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › no dynamic

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 no dynamic 1".

    - Snapshot
    + Received

      "/*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("color:blue;");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › dynamic fns

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 dynamic fns 1".

    - Snapshot
    + Received

      "const Avatar =
      /*#__PURE__*/
      styled('img', {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("width:96px;height:96px;border-radius:", props => props.theme.borderRadius, ";border:1px solid ", props => props.theme.borderColor, ";");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › more than 10 dynamic values

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 more than 10 dynamic values 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled('h1', {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("text-decoration:", 'underline', ";border-right:solid blue ", 54, "px;background:", 'white', ";color:", 'black', ";display:", 'block', ";border-radius:", '3px', ";padding:", '25px', ";width:", '500px', ";z-index:", 100, ";font-size:", '18px', ";text-align:", 'center', ";border-left:", p => p.theme.blue, ";");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › random expressions

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 random expressions 1".

    - Snapshot
    + Received

    @@ -2,11 +2,11 @@
      /*#__PURE__*/
      css("font-size:1rem");
      
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("margin:12px 48px;",
      /*#__PURE__*/
      css("font-size:32px"), ";color:#ffffff;& .profile{", props => props.prop && a(), "}", {
        backgroundColor: "hotpink"
      }, ";");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › basic

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 basic 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("font-size:", fontSize + 'px', ";");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › nested

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 nested 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("font-size:", fontSize + 'px', ";& div{color:blue;& span{color:red}}");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › interpolation in different places

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 interpolation in different places 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("font-size:", fontSize + 'px', ";height:20px;transform:translateX(", props => props.translateX, ");height1:", something, "wow;width:w", something, "ow;transform:translateX(", props => props.translateX, ") translateY(", props => props.translateX, ");transform1:translateX(", props => props.translateX, ") translateY(", props => props.translateX, ");transform2:translateX(", props => props.translateX, ") ", props => props.translateX, ";");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › media query

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 media query 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("@media print{font-size:10pt}@media screen{.child-selector{font-size:13px}}@media screen,print{&:hover + &{line-height:1.2}}@media only screen   and (min-device-width:320px)   and (max-device-width:480px)  and (-webkit-min-device-pixel-ratio:2){.child-selector{line-height:1.4}}");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › function call

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 function call 1".

    - Snapshot
    + Received

      "/*#__PURE__*/
      styled(MyComponent, {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("font-size:", fontSize + 'px', ";");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › objects fn call

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 objects fn call 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled('h1', {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({
        display: 'flex'
      });"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › objects based on props

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 objects based on props 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled('h1', {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({
        padding: 10
      }, props => ({
        display: props.display
      }));"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › shorthand property

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 shorthand property 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({
        fontSize
      });"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › objects prefixed

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 objects prefixed 1".

    - Snapshot
    + Received

    @@ -1,9 +1,9 @@
      "const H1 =
      /*#__PURE__*/
      styled('h1', {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({
        borderRadius: '50%',
        transition: 'transform 400ms ease-in-out',
        boxSizing: 'border-box',
        display: 'flex',

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › styled. objects

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 styled. objects 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({
        padding: 10
      }, props => ({
        display: props.display
      }));"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › styled. objects with a single spread property

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 styled. objects with a single spread property 1".

    - Snapshot
    + Received

    @@ -2,8 +2,8 @@
        fontSize: 20
      };
      const Figure =
      /*#__PURE__*/
      styled("figure", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({ ...defaultText
      });"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › styled. objects with a multiple spread properties

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 styled. objects with a multiple spread properties 1".

    - Snapshot
    + Received

    @@ -2,9 +2,9 @@
        fontSize: 20
      };
      const Figure =
      /*#__PURE__*/
      styled("figure", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({ ...defaultText,
        ...defaultFigure
      });"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › styled. objects with a multiple spread properties and other keys

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 styled. objects with a multiple spread properties and other keys 1".

    - Snapshot
    + Received

    @@ -2,11 +2,11 @@
        fontSize: 20
      };
      const Figure =
      /*#__PURE__*/
      styled("figure", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({ ...defaultText,
        fontSize: '20px',
        ...defaultFigure,
        ...defaultText2
      });"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › styled objects prefixed

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 styled objects prefixed 1".

    - Snapshot
    + Received

    @@ -1,9 +1,9 @@
      "const H1 =
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({
        borderRadius: '50%',
        transition: 'transform 400ms ease-in-out',
        boxSizing: 'border-box',
        display: 'flex',

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › composition based on props

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 composition based on props 1".

    - Snapshot
    + Received

    @@ -2,9 +2,9 @@
      /*#__PURE__*/
      css("width:20px;");
      const H1 =
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })(props => {
        return props.a ? cssA : cssB;
      }, ";font-size:", fontSize + 'px', ";height:20px;transform:translateX(", props => props.translateX, ");");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › hoisting

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 hoisting 1".

    - Snapshot
    + Received

    @@ -13,10 +13,10 @@
      
      const Profile = () => {
        const H1 =
        /*#__PURE__*/
        styled("h1", {
    -     target: "e1u6ll0g0"
    +     target: "e1ed59cp0"
        })(_ref, props => ({
          display: props.display
        }), _ref2);
      };"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › variable import: no dynamic

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 variable import: no dynamic 1".

    - Snapshot
    + Received

      "import what from 'emotion';
      
      /*#__PURE__*/
      what("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("color:blue;");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › config rename

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 config rename 1".

    - Snapshot
    + Received

      "/*#__PURE__*/
      what("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("color:blue;");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › autoLabel object styles

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 autoLabel object styles 1".

    - Snapshot
    + Received

    @@ -1,10 +1,10 @@
      "const Profile = () => {
        const H1 =
        /*#__PURE__*/
        styled("h1", {
    -     target: "e1u6ll0g0",
    +     target: "e1ed59cp0",
          label: "H1"
        })({
          borderRadius: '50%',
          transition: 'transform 400ms ease-in-out',
          boxSizing: 'border-box',

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › autoLabel string styles

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 autoLabel string styles 1".

    - Snapshot
    + Received

      "const Profile = () => {
        const ProfileH1 =
        /*#__PURE__*/
        styled('h1', {
          label: "ProfileH1",
    -     target: "e1u6ll0g0"
    +     target: "e1ed59cp0"
        })("color:blue;");
        return <H1>Hello</H1>;
      };"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › component selector

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 component selector 1".

    - Snapshot
    + Received

      "const Child =
      /*#__PURE__*/
      styled("div", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("color:red;");
      const SecondChild = Child.withComponent('span', {
    -   target: "e1u6ll0g1"
    +   target: "e1ed59cp1"
      });
      const Parent =
      /*#__PURE__*/
      styled("div", {
    -   target: "e1u6ll0g2"
    +   target: "e1ed59cp2"
      })(Child, "{color:blue;}", SecondChild, "{color:pink;}");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › existing options

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 existing options 1".

    - Snapshot
    + Received

      "const Button =
      /*#__PURE__*/
      styled('button', {
        existing: true,
        label: "Button",
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      }, otherArg, 'test', {
        anotherArg: 1
      })("color:blue;");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › existing options object

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 existing options object 1".

    - Snapshot
    + Received

    @@ -1,10 +1,10 @@
      "const Button =
      /*#__PURE__*/
      styled('button', {
        existing: true,
    -   target: "e1u6ll0g0",
    +   target: "e1ed59cp0",
        label: "Button"
      }, otherArg, 'test', {
        anotherArg: 1
      })({
        color: 'blue'

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › comments

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 comments 1".

    - Snapshot
    + Received

      "/*#__PURE__*/
      styled("div", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("color:hotpink;");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › no use

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 no use 1".

    - Snapshot
    + Received

      "import "./emotion.emotion.css";
      styled("h1", {
        e: "css-0",
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })();"

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › no dynamic

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 no dynamic 1".

    - Snapshot
    + Received

      "import "./emotion.emotion.css";
      styled("h1", {
        e: "css-14ksm7b",
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })();
      
      
      emotion.emotion.css
      .css-14ksm7b{color:blue;}"

      123 |         '\n' +
      124 |         fs.writeFileSync.mock.calls[0][1]
    > 125 |     ).toMatchSnapshot()
          |       ^
      126 |   } else {
      127 |     expect(code).toMatchSnapshot()
      128 |     expect(fs.writeFileSync).not.toBeCalled()

      at packages/babel-plugin-emotion/test/util.js:125:7
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › dynamic fns

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 dynamic fns 1".

    - Snapshot
    + Received

      "const Avatar =
      /*#__PURE__*/
      styled('img', {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("width:96px;height:96px;border-radius:", props => props.theme.borderRadius, ";border:1px solid ", props => props.theme.borderColor, ";");"

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › more than 10 dynamic values

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 more than 10 dynamic values 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled('h1', {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("text-decoration:", 'underline', ";border-right:solid blue ", 54, "px;background:", 'white', ";color:", 'black', ";display:", 'block', ";border-radius:", '3px', ";padding:", '25px', ";width:", '500px', ";z-index:", 100, ";font-size:", '18px', ";text-align:", 'center', ";border-left:", p => p.theme.blue, ";");"

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › random expressions

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 random expressions 1".

    - Snapshot
    + Received

    @@ -2,11 +2,11 @@
      
      const a = () => "css-a-1cvrkk1";
      
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("margin:12px 48px;", "css-143zpy6", ";color:#ffffff;& .profile{", props => props.prop && a(), "}", {
        backgroundColor: "hotpink"
      }, ";");

      123 |         '\n' +
      124 |         fs.writeFileSync.mock.calls[0][1]
    > 125 |     ).toMatchSnapshot()
          |       ^
      126 |   } else {
      127 |     expect(code).toMatchSnapshot()
      128 |     expect(fs.writeFileSync).not.toBeCalled()

        
        
      at packages/babel-plugin-emotion/test/util.js:125:7
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › basic

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 basic 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("font-size:", fontSize + 'px', ";");"

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › nested

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 nested 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("font-size:", fontSize + 'px', ";& div{color:blue;& span{color:red}}");"

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › interpolation in different places

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 interpolation in different places 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("font-size:", fontSize + 'px', ";height:20px;transform:translateX(", props => props.translateX, ");height1:", something, "wow;width:w", something, "ow;transform:translateX(", props => props.translateX, ") translateY(", props => props.translateX, ");transform1:translateX(", props => props.translateX, ") translateY(", props => props.translateX, ");transform2:translateX(", props => props.translateX, ") ", props => props.translateX, ";");"

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › media query

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 media query 1".

    - Snapshot
    + Received

      "import "./emotion.emotion.css";
      const H1 = styled("h1", {
        e: "css-6skbg5",
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })();
      
      
      emotion.emotion.css
      @media print{.css-6skbg5{font-size:10pt;}}@media screen{.css-6skbg5 .child-selector{font-size:13px;}}@media screen,print{.css-6skbg5:hover + .css-6skbg5{line-height:1.2;}}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.css-6skbg5 .child-selector{line-height:1.4;}}"

      123 |         '\n' +
      124 |         fs.writeFileSync.mock.calls[0][1]
    > 125 |     ).toMatchSnapshot()
          |       ^
      126 |   } else {
      127 |     expect(code).toMatchSnapshot()
      128 |     expect(fs.writeFileSync).not.toBeCalled()

      at packages/babel-plugin-emotion/test/util.js:125:7
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › function call

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 function call 1".

    - Snapshot
    + Received

      "/*#__PURE__*/
      styled(MyComponent, {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("font-size:", fontSize + 'px', ";");"

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › objects fn call

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 objects fn call 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled('h1', {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({
        display: 'flex'
      });"

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › objects based on props

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 objects based on props 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled('h1', {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({
        padding: 10
      }, props => ({
        display: props.display
      }));"

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › shorthand property

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 shorthand property 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({
        fontSize
      });"

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › objects prefixed

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 objects prefixed 1".

    - Snapshot
    + Received

    @@ -1,9 +1,9 @@
      "const H1 =
      /*#__PURE__*/
      styled('h1', {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({
        borderRadius: '50%',
        transition: 'transform 400ms ease-in-out',
        boxSizing: 'border-box',
        display: 'flex',

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › styled. objects

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 styled. objects 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({
        padding: 10
      }, props => ({
        display: props.display
      }));"

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › styled. objects with a single spread property

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 styled. objects with a single spread property 1".

    - Snapshot
    + Received

    @@ -2,8 +2,8 @@
        fontSize: 20
      };
      const Figure =
      /*#__PURE__*/
      styled("figure", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({ ...defaultText
      });"

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › styled. objects with a multiple spread properties

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 styled. objects with a multiple spread properties 1".

    - Snapshot
    + Received

    @@ -2,9 +2,9 @@
        fontSize: 20
      };
      const Figure =
      /*#__PURE__*/
      styled("figure", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({ ...defaultText,
        ...defaultFigure
      });"

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › styled. objects with a multiple spread properties and other keys

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 styled. objects with a multiple spread properties and other keys 1".

    - Snapshot
    + Received

    @@ -2,11 +2,11 @@
        fontSize: 20
      };
      const Figure =
      /*#__PURE__*/
      styled("figure", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({ ...defaultText,
        fontSize: '20px',
        ...defaultFigure,
        ...defaultText2
      });"

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › styled objects prefixed

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 styled objects prefixed 1".

    - Snapshot
    + Received

    @@ -1,9 +1,9 @@
      "const H1 =
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({
        borderRadius: '50%',
        transition: 'transform 400ms ease-in-out',
        boxSizing: 'border-box',
        display: 'flex',

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › composition based on props

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 composition based on props 1".

    - Snapshot
    + Received

    @@ -1,11 +1,11 @@
      "import "./emotion.emotion.css";
      const cls1 = "css-cls1-1ltut9y";
      const H1 =
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })(props => {
        return props.a ? cssA : cssB;
      }, ";font-size:", fontSize + 'px', ";height:20px;transform:translateX(", props => props.translateX, ");");

      123 |         '\n' +
      124 |         fs.writeFileSync.mock.calls[0][1]
    > 125 |     ).toMatchSnapshot()
          |       ^
      126 |   } else {
      127 |     expect(code).toMatchSnapshot()
      128 |     expect(fs.writeFileSync).not.toBeCalled()

        
        
      at packages/babel-plugin-emotion/test/util.js:125:7
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › hoisting

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 hoisting 1".

    - Snapshot
    + Received

    @@ -13,10 +13,10 @@
      
      const Profile = () => {
        const H1 =
        /*#__PURE__*/
        styled("h1", {
    -     target: "e1u6ll0g0"
    +     target: "e1ed59cp0"
        })(_ref, props => ({
          display: props.display
        }), _ref2);
      };"

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › variable import: no dynamic

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 variable import: no dynamic 1".

    - Snapshot
    + Received

      "import "./emotion.emotion.css";
      import what from 'emotion';
      what("h1", {
        e: "css-14ksm7b",
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })();
      
      
      emotion.emotion.css
      .css-14ksm7b{color:blue;}"

      123 |         '\n' +
      124 |         fs.writeFileSync.mock.calls[0][1]
    > 125 |     ).toMatchSnapshot()
          |       ^
      126 |   } else {
      127 |     expect(code).toMatchSnapshot()
      128 |     expect(fs.writeFileSync).not.toBeCalled()

      at packages/babel-plugin-emotion/test/util.js:125:7
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › config rename

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 config rename 1".

    - Snapshot
    + Received

      "import "./emotion.emotion.css";
      what("h1", {
        e: "css-14ksm7b",
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })();
      
      
      emotion.emotion.css
      .css-14ksm7b{color:blue;}"

      123 |         '\n' +
      124 |         fs.writeFileSync.mock.calls[0][1]
    > 125 |     ).toMatchSnapshot()
          |       ^
      126 |   } else {
      127 |     expect(code).toMatchSnapshot()
      128 |     expect(fs.writeFileSync).not.toBeCalled()

      at packages/babel-plugin-emotion/test/util.js:125:7
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › autoLabel object styles

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 autoLabel object styles 1".

    - Snapshot
    + Received

    @@ -1,10 +1,10 @@
      "const Profile = () => {
        const H1 =
        /*#__PURE__*/
        styled("h1", {
    -     target: "e1u6ll0g0",
    +     target: "e1ed59cp0",
          label: "H1"
        })({
          borderRadius: '50%',
          transition: 'transform 400ms ease-in-out',
          boxSizing: 'border-box',

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › autoLabel string styles

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 autoLabel string styles 1".

    - Snapshot
    + Received

    @@ -1,11 +1,11 @@
      "import "./emotion.emotion.css";
      
      const Profile = () => {
        const ProfileH1 = styled('h1', {
          e: "css-kmz3n4",
    -     target: "e1u6ll0g0"
    +     target: "e1ed59cp0"
        })();
        return <H1>Hello</H1>;
      };

      123 |         '\n' +
      124 |         fs.writeFileSync.mock.calls[0][1]
    > 125 |     ).toMatchSnapshot()
          |       ^
      126 |   } else {
      127 |     expect(code).toMatchSnapshot()
      128 |     expect(fs.writeFileSync).not.toBeCalled()

        
        
      at packages/babel-plugin-emotion/test/util.js:125:7
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › component selector

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 component selector 1".

    - Snapshot
    + Received

      "import "./emotion.emotion.css";
      const Child = styled("div", {
        e: "css-1vhj9jp",
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })();
      const SecondChild = Child.withComponent('span', {
    -   target: "e1u6ll0g1"
    +   target: "e1ed59cp1"
      });
      const Parent =
      /*#__PURE__*/
      styled("div", {
    -   target: "e1u6ll0g2"
    +   target: "e1ed59cp2"
      })(Child, "{color:blue;}", SecondChild, "{color:pink;}");
      
      
      emotion.emotion.css
      .css-1vhj9jp{color:red;}"

      123 |         '\n' +
      124 |         fs.writeFileSync.mock.calls[0][1]
    > 125 |     ).toMatchSnapshot()
          |       ^
      126 |   } else {
      127 |     expect(code).toMatchSnapshot()
      128 |     expect(fs.writeFileSync).not.toBeCalled()

      at packages/babel-plugin-emotion/test/util.js:125:7
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › existing options

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 existing options 1".

    - Snapshot
    + Received

    @@ -1,10 +1,10 @@
      "import "./emotion.emotion.css";
      const Button = styled('button', {
        existing: true,
        e: "css-1aj1g6z",
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      }, otherArg, 'test', {
        anotherArg: 1
      })();

      123 |         '\n' +
      124 |         fs.writeFileSync.mock.calls[0][1]
    > 125 |     ).toMatchSnapshot()
          |       ^
      126 |   } else {
      127 |     expect(code).toMatchSnapshot()
      128 |     expect(fs.writeFileSync).not.toBeCalled()

        
        
      at packages/babel-plugin-emotion/test/util.js:125:7
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › existing options object

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 existing options object 1".

    - Snapshot
    + Received

    @@ -1,10 +1,10 @@
      "const Button =
      /*#__PURE__*/
      styled('button', {
        existing: true,
    -   target: "e1u6ll0g0",
    +   target: "e1ed59cp0",
        label: "Button"
      }, otherArg, 'test', {
        anotherArg: 1
      })({
        color: 'blue'

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › comments

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 comments 1".

    - Snapshot
    + Received

      "import "./emotion.emotion.css";
      styled("div", {
        e: "css-n0xpvi",
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })();
      
      
      emotion.emotion.css
      .css-n0xpvi{color:hotpink;}"

      123 |         '\n' +
      124 |         fs.writeFileSync.mock.calls[0][1]
    > 125 |     ).toMatchSnapshot()
          |       ^
      126 |   } else {
      127 |     expect(code).toMatchSnapshot()
      128 |     expect(fs.writeFileSync).not.toBeCalled()

      at packages/babel-plugin-emotion/test/util.js:125:7
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

 › 58 snapshots failed.
PASS packages/babel-plugin-emotion/test/macro/css.test.js
PASS packages/emotion/test/no-babel/index.test.js
  ● Console

    console.error node_modules/react-test-renderer/cjs/react-test-renderer.development.js:6309
      The above error occurred in the <Styled(div)> component:
          in Styled(div)
      
      Consider adding an error boundary to your tree to customize error handling behavior.
      Visit https://fb.me/react-error-boundaries to learn more about error boundaries.

PASS packages/emotion-theming/test/theme-provider.test.js
FAIL packages/babel-plugin-emotion/test/macro.test.js
  ● styled macro › babel 6 › tagged template literal member

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled macro babel 6 tagged template literal member 1".

    - Snapshot
    + Received

      "import _styled from './styled';
      
      const SomeComponent = /*#__PURE__*/_styled('div', {
    -   target: 'ef2fk0r0'
    +   target: 'e1396zxz0'
      })('display:flex;');"

      156 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      157 |   }
    > 158 |   expect(code).toMatchSnapshot()
          |                ^
      159 | }
      160 | 
      161 | export const createMacroTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:158:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled macro › babel 6 › tagged template literal function

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled macro babel 6 tagged template literal function 1".

    - Snapshot
    + Received

      "import _styled from './styled';
      
      const SomeComponent = /*#__PURE__*/_styled('div', {
    -   target: 'ef2fk0r0'
    +   target: 'e1396zxz0'
      })('display:flex;');"

      156 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      157 |   }
    > 158 |   expect(code).toMatchSnapshot()
          |                ^
      159 | }
      160 | 
      161 | export const createMacroTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:158:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled macro › babel 6 › object member

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled macro babel 6 object member 1".

    - Snapshot
    + Received

      "import _styled from './styled';
      
      const SomeComponent = /*#__PURE__*/_styled('div', {
    -   target: 'ef2fk0r0'
    +   target: 'e1396zxz0'
      })({
        display: 'flex'
      });"

      156 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      157 |   }
    > 158 |   expect(code).toMatchSnapshot()
          |                ^
      159 | }
      160 | 
      161 | export const createMacroTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:158:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled macro › babel 6 › object function

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled macro babel 6 object function 1".

    - Snapshot
    + Received

      "import _styled from './styled';
      
      const SomeComponent = /*#__PURE__*/_styled('div', {
    -   target: 'ef2fk0r0'
    +   target: 'e1396zxz0'
      })({
        display: 'flex'
      });"

      156 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      157 |   }
    > 158 |   expect(code).toMatchSnapshot()
          |                ^
      159 | }
      160 | 
      161 | export const createMacroTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:158:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled macro › babel 7 › tagged template literal member

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled macro babel 7 tagged template literal member 1".

    - Snapshot
    + Received

      "import _styled from "./styled";
      
      const SomeComponent =
      /*#__PURE__*/
      _styled("div", {
    -   target: "ef2fk0r0"
    +   target: "e1eo624e0"
      })("display:flex;");"

      156 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      157 |   }
    > 158 |   expect(code).toMatchSnapshot()
          |                ^
      159 | }
      160 | 
      161 | export const createMacroTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:158:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled macro › babel 7 › tagged template literal function

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled macro babel 7 tagged template literal function 1".

    - Snapshot
    + Received

      "import _styled from "./styled";
      
      const SomeComponent =
      /*#__PURE__*/
      _styled('div', {
    -   target: "ef2fk0r0"
    +   target: "e1eo624e0"
      })("display:flex;");"

      156 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      157 |   }
    > 158 |   expect(code).toMatchSnapshot()
          |                ^
      159 | }
      160 | 
      161 | export const createMacroTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:158:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled macro › babel 7 › object member

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled macro babel 7 object member 1".

    - Snapshot
    + Received

      "import _styled from "./styled";
      
      const SomeComponent =
      /*#__PURE__*/
      _styled("div", {
    -   target: "ef2fk0r0"
    +   target: "e1eo624e0"
      })({
        display: 'flex'
      });"

      156 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      157 |   }
    > 158 |   expect(code).toMatchSnapshot()
          |                ^
      159 | }
      160 | 
      161 | export const createMacroTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:158:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled macro › babel 7 › object function

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled macro babel 7 object function 1".

    - Snapshot
    + Received

      "import _styled from "./styled";
      
      const SomeComponent =
      /*#__PURE__*/
      _styled('div', {
    -   target: "ef2fk0r0"
    +   target: "e1eo624e0"
      })({
        display: 'flex'
      });"

      156 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      157 |   }
    > 158 |   expect(code).toMatchSnapshot()
          |                ^
      159 | }
      160 | 
      161 | export const createMacroTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:158:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

 › 8 snapshots failed.
PASS packages/primitives/test/emotion-primitives.test.js
  ● Console

    console.error node_modules/jsdom/lib/jsdom/virtual-console.js:29
      Error: Not implemented: HTMLCanvasElement.prototype.getContext (without installing the canvas npm package)
          at module.exports (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jsdom\lib\jsdom\browser\not-implemented.js:9:17)
          at HTMLCanvasElementImpl.getContext (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jsdom\lib\jsdom\living\nodes\HTMLCanvasElement-impl.js:42:5)
          at HTMLCanvasElement.getContext (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jsdom\lib\jsdom\living\generated\HTMLCanvasElement.js:50:45)
          at Object.<anonymous> (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\art\modes\canvas\base.js:7:81)
          at Runtime._execModule (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jest-runtime\build\index.js:632:13)
          at Runtime.requireModule (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jest-runtime\build\index.js:376:14)
          at Runtime.requireModuleOrMock (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jest-runtime\build\index.js:463:19)
          at Object.<anonymous> (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\art\modes\canvas\shape.js:2:12)
          at Runtime._execModule (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jest-runtime\build\index.js:632:13)
          at Runtime.requireModule (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jest-runtime\build\index.js:376:14) undefined

PASS packages/emotion-theming/test/with-theme.test.js
PASS packages/emotion-theming/test/index.test.js
PASS packages/native/test/native-styled.test.js
  ● Console

    console.error node_modules/jsdom/lib/jsdom/virtual-console.js:29
      Error: Not implemented: HTMLCanvasElement.prototype.getContext (without installing the canvas npm package)
          at module.exports (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jsdom\lib\jsdom\browser\not-implemented.js:9:17)
          at HTMLCanvasElementImpl.getContext (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jsdom\lib\jsdom\living\nodes\HTMLCanvasElement-impl.js:42:5)
          at HTMLCanvasElement.getContext (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jsdom\lib\jsdom\living\generated\HTMLCanvasElement.js:50:45)
          at Object.<anonymous> (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\art\modes\canvas\base.js:7:81)
          at Runtime._execModule (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jest-runtime\build\index.js:632:13)
          at Runtime.requireModule (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jest-runtime\build\index.js:376:14)
          at Runtime.requireModuleOrMock (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jest-runtime\build\index.js:463:19)
          at Object.<anonymous> (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\art\modes\canvas\shape.js:2:12)
          at Runtime._execModule (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jest-runtime\build\index.js:632:13)
          at Runtime.requireModule (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jest-runtime\build\index.js:376:14) undefined

FAIL packages/babel-plugin-emotion/test/css-prop.test.js
  ● Console

    console.warn packages/babel-plugin-emotion/src/index.js:523
      extractStatic is deprecated and will be removed in emotion@10. We recommend disabling extractStatic or using other libraries like linaria or css-literal-loader
    console.log packages/babel-plugin-emotion/src/index.js:528
      

  ● babel css prop inline › babel 6 › another relative custom instance

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "babel css prop inline babel 6 another relative custom instance 1".

    - Snapshot
    + Received

    - "import { css as _css } from "../my-emotion-instance";
    + "import { css as _css } from "..\\\\my-emotion-instance";
      <div className={/*#__PURE__*/_css("color:brown;")}></div>;"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● babel css prop inline › babel 7 › another relative custom instance

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "babel css prop inline babel 7 another relative custom instance 1".

    - Snapshot
    + Received

    - "import { css as _css } from "../my-emotion-instance";
    + "import { css as _css } from "..\\\\my-emotion-instance";
      <div className={
      /*#__PURE__*/
      _css("color:brown;")}></div>;"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

 › 2 snapshots failed.
PASS packages/jest-emotion/test/printer.test.js
PASS packages/jest-emotion/test/matchers.test.js
PASS next-packages/sheet/__tests__/index.js
FAIL packages/babel-plugin-emotion/test/fs.test.js
  ● Console

    console.warn packages/babel-plugin-emotion/src/index.js:523
      extractStatic is deprecated and will be removed in emotion@10. We recommend disabling extractStatic or using other libraries like linaria or css-literal-loader
    console.log packages/babel-plugin-emotion/src/index.js:528
      

  ● babel plugin fs › creates and writes to the custom output dir when it does not exist

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "babel plugin fs creates and writes to the custom output dir when it does not exist 2".

    - Snapshot
    + Received

    - "import "tmpdir/fs.test.emotion.css";
    + "import "tmpdir\\\\fs.test.emotion.css";
      
      "css-1yfv4zm";"

      71 |     expect(fs.writeFileSync.mock.calls[0][0]).toBe(newFilePath)
      72 |     expect(fs.writeFileSync.mock.calls[0][1]).toMatchSnapshot()
    > 73 |     expect(code).toMatchSnapshot()
         |                  ^
      74 |   })
      75 | 
      76 |   test('writes to the css file when it does exist ', () => {

      at Object.<anonymous> (packages/babel-plugin-emotion/test/fs.test.js:73:18)

 › 1 snapshot failed.
PASS packages/native/test/native-css.test.js
  ● Console

    console.error node_modules/jsdom/lib/jsdom/virtual-console.js:29
      Error: Not implemented: HTMLCanvasElement.prototype.getContext (without installing the canvas npm package)
          at module.exports (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jsdom\lib\jsdom\browser\not-implemented.js:9:17)
          at HTMLCanvasElementImpl.getContext (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jsdom\lib\jsdom\living\nodes\HTMLCanvasElement-impl.js:42:5)
          at HTMLCanvasElement.getContext (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jsdom\lib\jsdom\living\generated\HTMLCanvasElement.js:50:45)
          at Object.<anonymous> (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\art\modes\canvas\base.js:7:81)
          at Runtime._execModule (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jest-runtime\build\index.js:632:13)
          at Runtime.requireModule (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jest-runtime\build\index.js:376:14)
          at Runtime.requireModuleOrMock (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jest-runtime\build\index.js:463:19)
          at Object.<anonymous> (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\art\modes\canvas\shape.js:2:12)
          at Runtime._execModule (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jest-runtime\build\index.js:632:13)
          at Runtime.requireModule (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jest-runtime\build\index.js:376:14) undefined

PASS next-packages/core/__tests__/keyframes.js
  ● Console

    console.log next-packages/core/__tests__/keyframes.js:40
      { name: '1rxikoi',
        styles:
         '@keyframes animation-1bi8wtt{\n          from {\n            color: green;\n          }\n          to {\n            color: hotpink;\n          }\n        }\n          animation: animation-1bi8wtt;\n        ' }

FAIL packages/emotion-server/test/auto-label/auto-label.test.js
  ● extractCritical › returns static css

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "extractCritical returns static css 1".

    - Snapshot
    + Received

    @@ -104,20 +104,20 @@
        height: 50px;
        width: 50px;
        background-color: red;
      }",
        "html": 
    - <main class="css-1h80n0w-Main-hoverStyles enylr5n0"
    + <main class="css-1h80n0w-Main-hoverStyles e13j0wca0"
            data-reactroot
      >
        <img size="30"
    -        class="css-1m3qzmz-Image enylr5n1"
    +        class="css-1m3qzmz-Image e13j0wca1"
        >
        <img size="100"
    -        class="css-1m3qzmz-Image enylr5n1"
    +        class="css-1m3qzmz-Image e13j0wca1"
        >
    -   <img class="css-1m3qzmz-Image enylr5n1">
    +   <img class="css-1m3qzmz-Image e13j0wca1">
      </main>
      ,
        "ids": Array [
          "1yb14ab-getComponents",
          "1fps0gg-bounce",

      107 |     expect(
      108 |       prettyifyCritical(extractCritical(renderToString(<Page1 />)))
    > 109 |     ).toMatchSnapshot()
          |       ^
      110 |     expect(
      111 |       prettyifyCritical(extractCritical(renderToString(<Page2 />)))
      112 |     ).toMatchSnapshot()

      at Object.<anonymous> (packages/emotion-server/test/auto-label/auto-label.test.js:109:7)

  ● extractCritical › returns static css

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "extractCritical returns static css 2".

    - Snapshot
    + Received

    @@ -95,11 +95,11 @@
        background-color: lightgray;
        border-color: aqua;
        box-shadow: -15px -15px 0 0 aqua,-30px -30px 0 0 cornflowerblue;
      }",
        "html": 
    - <main class="css-1h80n0w-Main-hoverStyles enylr5n0"
    + <main class="css-1h80n0w-Main-hoverStyles e13j0wca0"
            data-reactroot
      >
        <div>
          Hello
        </div>

      110 |     expect(
      111 |       prettyifyCritical(extractCritical(renderToString(<Page2 />)))
    > 112 |     ).toMatchSnapshot()
          |       ^
      113 |   })
      114 | })
      115 | describe('hydration', () => {

      at Object.<anonymous> (packages/emotion-server/test/auto-label/auto-label.test.js:112:7)

  ● hydration › only rules that are not in the critical css are inserted

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "hydration only rules that are not in the critical css are inserted 1".

    - Snapshot
    + Received

    @@ -104,20 +104,20 @@
        height: 50px;
        width: 50px;
        background-color: red;
      }",
        "html": 
    - <main class="css-1h80n0w-Main-hoverStyles enylr5n0"
    + <main class="css-1h80n0w-Main-hoverStyles e13j0wca0"
            data-reactroot
      >
        <img size="30"
    -        class="css-1m3qzmz-Image enylr5n1"
    +        class="css-1m3qzmz-Image e13j0wca1"
        >
        <img size="100"
    -        class="css-1m3qzmz-Image enylr5n1"
    +        class="css-1m3qzmz-Image e13j0wca1"
        >
    -   <img class="css-1m3qzmz-Image enylr5n1">
    +   <img class="css-1m3qzmz-Image e13j0wca1">
      </main>
      ,
        "ids": Array [
          "1yb14ab-getComponents",
          "1fps0gg-bounce",

      117 |     const { Page1 } = getComponents()
      118 |     const { html, ids, css } = extractCritical(renderToString(<Page1 />))
    > 119 |     expect(prettyifyCritical({ html, css, ids })).toMatchSnapshot()
          |                                                   ^
      120 |     flush()
      121 | 
      122 |     hydrate(ids)

      at Object.<anonymous> (packages/emotion-server/test/auto-label/auto-label.test.js:119:51)

 › 3 snapshots failed.
PASS packages/emotion/test/css-prop.test.js
PASS packages/eslint-plugin-emotion/test/rules/syntax-preference.test.js
PASS next-packages/snapshot-serializer/__tests__/matchers.js
PASS packages/emotion/test/cx.test.js
  ● Console

    console.error packages/create-emotion/src/utils.js:81
      Passing functions to cx is deprecated and will be removed in the next major version of Emotion.
      Please call the function before passing it to cx.
    console.error packages/create-emotion/src/utils.js:81
      Passing functions to cx is deprecated and will be removed in the next major version of Emotion.
      Please call the function before passing it to cx.
    console.error packages/create-emotion/src/utils.js:81
      Passing functions to cx is deprecated and will be removed in the next major version of Emotion.
      Please call the function before passing it to cx.
    console.error packages/create-emotion/src/utils.js:81
      Passing functions to cx is deprecated and will be removed in the next major version of Emotion.
      Please call the function before passing it to cx.
    console.error packages/create-emotion/src/utils.js:81
      Passing functions to cx is deprecated and will be removed in the next major version of Emotion.
      Please call the function before passing it to cx.
    console.error packages/create-emotion/src/utils.js:81
      Passing functions to cx is deprecated and will be removed in the next major version of Emotion.
      Please call the function before passing it to cx.
    console.error packages/create-emotion/src/utils.js:81
      Passing functions to cx is deprecated and will be removed in the next major version of Emotion.
      Please call the function before passing it to cx.

PASS packages/primitives/test/css.test.js
  ● Console

    console.error node_modules/jsdom/lib/jsdom/virtual-console.js:29
      Error: Not implemented: HTMLCanvasElement.prototype.getContext (without installing the canvas npm package)
          at module.exports (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jsdom\lib\jsdom\browser\not-implemented.js:9:17)
          at HTMLCanvasElementImpl.getContext (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jsdom\lib\jsdom\living\nodes\HTMLCanvasElement-impl.js:42:5)
          at HTMLCanvasElement.getContext (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jsdom\lib\jsdom\living\generated\HTMLCanvasElement.js:50:45)
          at Object.<anonymous> (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\art\modes\canvas\base.js:7:81)
          at Runtime._execModule (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jest-runtime\build\index.js:632:13)
          at Runtime.requireModule (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jest-runtime\build\index.js:376:14)
          at Runtime.requireModuleOrMock (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jest-runtime\build\index.js:463:19)
          at Object.<anonymous> (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\art\modes\canvas\shape.js:2:12)
          at Runtime._execModule (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jest-runtime\build\index.js:632:13)
          at Runtime.requireModule (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jest-runtime\build\index.js:376:14) undefined

PASS next-packages/provider/__tests__/index.js
PASS packages/emotion/test/auto-label/auto-label.test.js
Found 0 errors
FAIL packages/create-emotion/test/stream.test.js
  ● renderStylesToNodeStream › renders styles with ids

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "renderStylesToNodeStream renders styles with ids 1".

    - Snapshot
    + Received

      <style data-emotion-some-key="4xq7ky lu7y12 16qlhaj hbhpyh"
             nonce="some-nonce"
      >
        @font-face{font-family:'Patrick Hand SC';font-style:normal;font-weight:400;src:local('Patrick Hand SC'),local('PatrickHandSC-Regular'),url(https://fonts.gstatic.com/s/patrickhandsc/v4/OYFWCgfCR-7uHIovjUZXsZ71Uis0Qeb9Gqo8IZV7ckE.woff2) format('woff2');unicode-range:U+0100-024f,U+1-1eff,U+20a0-20ab,U+20ad-20cf,U+2c60-2c7f,U+A720-A7FF;}@-webkit-keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}@keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}.no-prefix{display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.some-key-4xq7ky{color:hotpink;display:flex;}.some-key-4xq7ky:hover{color:white;background-color:lightgray;border-color:aqua;box-shadow:15px -15px 0 0 aqua,-30px -30px 0 0 cornflowerblue;}
      </style>
    - <main class="some-key-4xq7ky e126fyao0"
    + <main class="some-key-4xq7ky e1prcv720"
            data-reactroot
      >
        <style data-emotion-some-key="z382ib"
               nonce="some-nonce"
        >
          .some-key-z382ib{-webkit-animation:animation-16qlhaj;animation:animation-16qlhaj;border-radius:50%;height:50px;width:50px;background-color:red;}
        </style>
        <img size="30"
    -        class="some-key-z382ib e126fyao1"
    +        class="some-key-z382ib e1prcv721"
        >
        <img size="100"
    -        class="some-key-z382ib e126fyao1"
    +        class="some-key-z382ib e1prcv721"
        >
    -   <img class="some-key-z382ib e126fyao1">
    +   <img class="some-key-z382ib e1prcv721">
      </main>

      31 |     expect(
      32 |       await renderToStringWithStream(<Page1 />, emotionServer)
    > 33 |     ).toMatchSnapshot()
         |       ^
      34 |     expect(
      35 |       await renderToStringWithStream(<Page2 />, emotionServer)
      36 |     ).toMatchSnapshot()

      at Object._callee$ (packages/create-emotion/test/stream.test.js:33:7)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (packages/create-emotion/test/stream.test.js:13:103)
      at _next (packages/create-emotion/test/stream.test.js:15:194)

  ● renderStylesToNodeStream › renders styles with ids

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "renderStylesToNodeStream renders styles with ids 2".

    - Snapshot
    + Received

    @@ -1,11 +1,11 @@
      <style data-emotion-some-key="4xq7ky lu7y12 16qlhaj hbhpyh"
             nonce="some-nonce"
      >
        @font-face{font-family:'Patrick Hand SC';font-style:normal;font-weight:400;src:local('Patrick Hand SC'),local('PatrickHandSC-Regular'),url(https://fonts.gstatic.com/s/patrickhandsc/v4/OYFWCgfCR-7uHIovjUZXsZ71Uis0Qeb9Gqo8IZV7ckE.woff2) format('woff2');unicode-range:U+0100-024f,U+1-1eff,U+20a0-20ab,U+20ad-20cf,U+2c60-2c7f,U+A720-A7FF;}@-webkit-keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}@keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}.no-prefix{display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.some-key-4xq7ky{color:hotpink;display:flex;}.some-key-4xq7ky:hover{color:white;background-color:lightgray;border-color:aqua;box-shadow:15px -15px 0 0 aqua,-30px -30px 0 0 cornflowerblue;}
      </style>
    - <main class="some-key-4xq7ky e126fyao0"
    + <main class="some-key-4xq7ky e1prcv720"
            data-reactroot
      >
        <div>
          Hello
        </div>

      34 |     expect(
      35 |       await renderToStringWithStream(<Page2 />, emotionServer)
    > 36 |     ).toMatchSnapshot()
         |       ^
      37 |   })
      38 |   test('renders large recursive component', async () => {
      39 |     const BigComponent = createBigComponent(emotion)

      at Object._callee$ (packages/create-emotion/test/stream.test.js:36:7)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (packages/create-emotion/test/stream.test.js:13:103)
      at _next (packages/create-emotion/test/stream.test.js:15:194)

  ● hydration › only inserts rules that are not in the critical css

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "hydration only inserts rules that are not in the critical css 1".

    - Snapshot
    + Received

      <style data-emotion-some-key="4xq7ky lu7y12 16qlhaj hbhpyh"
             nonce="some-nonce"
      >
        @font-face{font-family:'Patrick Hand SC';font-style:normal;font-weight:400;src:local('Patrick Hand SC'),local('PatrickHandSC-Regular'),url(https://fonts.gstatic.com/s/patrickhandsc/v4/OYFWCgfCR-7uHIovjUZXsZ71Uis0Qeb9Gqo8IZV7ckE.woff2) format('woff2');unicode-range:U+0100-024f,U+1-1eff,U+20a0-20ab,U+20ad-20cf,U+2c60-2c7f,U+A720-A7FF;}@-webkit-keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}@keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}.no-prefix{display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.some-key-4xq7ky{color:hotpink;display:flex;}.some-key-4xq7ky:hover{color:white;background-color:lightgray;border-color:aqua;box-shadow:15px -15px 0 0 aqua,-30px -30px 0 0 cornflowerblue;}
      </style>
    - <main class="some-key-4xq7ky e126fyao0"
    + <main class="some-key-4xq7ky e1prcv720"
            data-reactroot
      >
        <style data-emotion-some-key="z382ib"
               nonce="some-nonce"
        >
          .some-key-z382ib{-webkit-animation:animation-16qlhaj;animation:animation-16qlhaj;border-radius:50%;height:50px;width:50px;background-color:red;}
        </style>
        <img size="30"
    -        class="some-key-z382ib e126fyao1"
    +        class="some-key-z382ib e1prcv721"
        >
        <img size="100"
    -        class="some-key-z382ib e126fyao1"
    +        class="some-key-z382ib e1prcv721"
        >
    -   <img class="some-key-z382ib e126fyao1">
    +   <img class="some-key-z382ib e1prcv721">
      </main>

      61 |     const { Page1 } = getComponents(emotion, reactEmotion)
      62 |     const html = await renderToStringWithStream(<Page1 />, emotionServer)
    > 63 |     expect(html).toMatchSnapshot()
         |                  ^
      64 |     const { window } = new JSDOM(html)
      65 |     global.document = window.document
      66 |     global.window = window

      at Object._callee3$ (packages/create-emotion/test/stream.test.js:63:18)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (packages/create-emotion/test/stream.test.js:13:103)
      at _next (packages/create-emotion/test/stream.test.js:15:194)

 › 3 snapshots failed.
FAIL packages/create-emotion/test/inline.test.js
  ● renderStylesToString › renders styles with ids

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "renderStylesToString renders styles with ids 1".

    - Snapshot
    + Received

    @@ -6,21 +6,21 @@
      <style data-emotion-some-key="4xq7ky"
             nonce="some-nonce"
      >
        .some-key-4xq7ky{color:hotpink;display:flex;}.some-key-4xq7ky:hover{color:white;background-color:lightgray;border-color:aqua;box-shadow:15px -15px 0 0 aqua,-30px -30px 0 0 cornflowerblue;}
      </style>
    - <main class="some-key-4xq7ky e126fyao0"
    + <main class="some-key-4xq7ky e1prcv720"
            data-reactroot
      >
        <style data-emotion-some-key="z382ib"
               nonce="some-nonce"
        >
          .some-key-z382ib{-webkit-animation:animation-16qlhaj;animation:animation-16qlhaj;border-radius:50%;height:50px;width:50px;background-color:red;}
        </style>
        <img size="30"
    -        class="some-key-z382ib e126fyao1"
    +        class="some-key-z382ib e1prcv721"
        >
        <img size="100"
    -        class="some-key-z382ib e126fyao1"
    +        class="some-key-z382ib e1prcv721"
        >
    -   <img class="some-key-z382ib e126fyao1">
    +   <img class="some-key-z382ib e1prcv721">
      </main>

      30 |     expect(
      31 |       emotionServer.renderStylesToString(renderToString(<Page1 />))
    > 32 |     ).toMatchSnapshot()
         |       ^
      33 |     expect(
      34 |       emotionServer.renderStylesToString(renderToString(<Page2 />))
      35 |     ).toMatchSnapshot()

      at Object.<anonymous> (packages/create-emotion/test/inline.test.js:32:7)

  ● renderStylesToString › renders styles with ids

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "renderStylesToString renders styles with ids 2".

    - Snapshot
    + Received

    @@ -6,11 +6,11 @@
      <style data-emotion-some-key="4xq7ky"
             nonce="some-nonce"
      >
        .some-key-4xq7ky{color:hotpink;display:flex;}.some-key-4xq7ky:hover{color:white;background-color:lightgray;border-color:aqua;box-shadow:15px -15px 0 0 aqua,-30px -30px 0 0 cornflowerblue;}
      </style>
    - <main class="some-key-4xq7ky e126fyao0"
    + <main class="some-key-4xq7ky e1prcv720"
            data-reactroot
      >
        <div>
          Hello
        </div>

      33 |     expect(
      34 |       emotionServer.renderStylesToString(renderToString(<Page2 />))
    > 35 |     ).toMatchSnapshot()
         |       ^
      36 |   })
      37 |   test('renders large recursive component', () => {
      38 |     const BigComponent = createBigComponent(emotion)

      at Object.<anonymous> (packages/create-emotion/test/inline.test.js:35:7)

  ● hydration › only inserts rules that are not in the critical css

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "hydration only inserts rules that are not in the critical css 1".

    - Snapshot
    + Received

    @@ -6,21 +6,21 @@
      <style data-emotion-some-key="4xq7ky"
             nonce="some-nonce"
      >
        .some-key-4xq7ky{color:hotpink;display:flex;}.some-key-4xq7ky:hover{color:white;background-color:lightgray;border-color:aqua;box-shadow:15px -15px 0 0 aqua,-30px -30px 0 0 cornflowerblue;}
      </style>
    - <main class="some-key-4xq7ky e126fyao0"
    + <main class="some-key-4xq7ky e1prcv720"
            data-reactroot
      >
        <style data-emotion-some-key="z382ib"
               nonce="some-nonce"
        >
          .some-key-z382ib{-webkit-animation:animation-16qlhaj;animation:animation-16qlhaj;border-radius:50%;height:50px;width:50px;background-color:red;}
        </style>
        <img size="30"
    -        class="some-key-z382ib e126fyao1"
    +        class="some-key-z382ib e1prcv721"
        >
        <img size="100"
    -        class="some-key-z382ib e126fyao1"
    +        class="some-key-z382ib e1prcv721"
        >
    -   <img class="some-key-z382ib e126fyao1">
    +   <img class="some-key-z382ib e1prcv721">
      </main>

      59 |     const { Page1 } = getComponents(emotion, reactEmotion)
      60 |     const html = emotionServer.renderStylesToString(renderToString(<Page1 />))
    > 61 |     expect(html).toMatchSnapshot()
         |                  ^
      62 |     const { window } = new JSDOM(html)
      63 |     global.document = window.document
      64 |     global.window = window

      at Object.<anonymous> (packages/create-emotion/test/inline.test.js:61:18)

 › 3 snapshots failed.
PASS packages/emotion/test/selectivity.test.js
PASS scripts/emotion-react-mock-for-preact/__tests__/context.js
PASS next-packages/core/__tests__/server.js
FAIL packages/emotion-server/test/stream.test.js
  ● renderStylesToNodeStream › renders styles with ids

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "renderStylesToNodeStream renders styles with ids 1".

    - Snapshot
    + Received

      <style data-emotion-css="4xq7ky lu7y12 16qlhaj hbhpyh">
        @font-face{font-family:'Patrick Hand SC';font-style:normal;font-weight:400;src:local('Patrick Hand SC'),local('PatrickHandSC-Regular'),url(https://fonts.gstatic.com/s/patrickhandsc/v4/OYFWCgfCR-7uHIovjUZXsZ71Uis0Qeb9Gqo8IZV7ckE.woff2) format('woff2');unicode-range:U+0100-024f,U+1-1eff,U+20a0-20ab,U+20ad-20cf,U+2c60-2c7f,U+A720-A7FF;}@-webkit-keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}@keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}.no-prefix{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.css-4xq7ky{color:hotpink;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.css-4xq7ky:hover{color:white;background-color:lightgray;border-color:aqua;box-shadow:-15px -15px 0 0 aqua,-30px -30px 0 0 cornflowerblue;}
      </style>
    - <main class="css-4xq7ky e126fyao0"
    + <main class="css-4xq7ky e1prcv720"
            data-reactroot
      >
        <style data-emotion-css="z382ib">
          .css-z382ib{-webkit-animation:animation-16qlhaj;animation:animation-16qlhaj;border-radius:50%;height:50px;width:50px;background-color:red;}
        </style>
        <img size="30"
    -        class="css-z382ib e126fyao1"
    +        class="css-z382ib e1prcv721"
        >
        <img size="100"
    -        class="css-z382ib e126fyao1"
    +        class="css-z382ib e1prcv721"
        >
    -   <img class="css-z382ib e126fyao1">
    +   <img class="css-z382ib e1prcv721">
      </main>

      31 |     expect(
      32 |       await renderToStringWithStream(<Page1 />, emotionServer)
    > 33 |     ).toMatchSnapshot()
         |       ^
      34 |     expect(
      35 |       await renderToStringWithStream(<Page2 />, emotionServer)
      36 |     ).toMatchSnapshot()

      at Object._callee$ (packages/emotion-server/test/stream.test.js:33:7)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (packages/emotion-server/test/stream.test.js:13:103)
      at _next (packages/emotion-server/test/stream.test.js:15:194)

  ● renderStylesToNodeStream › renders styles with ids

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "renderStylesToNodeStream renders styles with ids 2".

    - Snapshot
    + Received

    @@ -1,9 +1,9 @@
      <style data-emotion-css="4xq7ky lu7y12 16qlhaj hbhpyh">
        @font-face{font-family:'Patrick Hand SC';font-style:normal;font-weight:400;src:local('Patrick Hand SC'),local('PatrickHandSC-Regular'),url(https://fonts.gstatic.com/s/patrickhandsc/v4/OYFWCgfCR-7uHIovjUZXsZ71Uis0Qeb9Gqo8IZV7ckE.woff2) format('woff2');unicode-range:U+0100-024f,U+1-1eff,U+20a0-20ab,U+20ad-20cf,U+2c60-2c7f,U+A720-A7FF;}@-webkit-keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}@keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}.no-prefix{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.css-4xq7ky{color:hotpink;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.css-4xq7ky:hover{color:white;background-color:lightgray;border-color:aqua;box-shadow:-15px -15px 0 0 aqua,-30px -30px 0 0 cornflowerblue;}
      </style>
    - <main class="css-4xq7ky e126fyao0"
    + <main class="css-4xq7ky e1prcv720"
            data-reactroot
      >
        <div>
          Hello
        </div>

      34 |     expect(
      35 |       await renderToStringWithStream(<Page2 />, emotionServer)
    > 36 |     ).toMatchSnapshot()
         |       ^
      37 |   })
      38 |   test('renders large recursive component', async () => {
      39 |     const BigComponent = createBigComponent(emotion)

      at Object._callee$ (packages/emotion-server/test/stream.test.js:36:7)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (packages/emotion-server/test/stream.test.js:13:103)
      at _next (packages/emotion-server/test/stream.test.js:15:194)

  ● hydration › only inserts rules that are not in the critical css

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "hydration only inserts rules that are not in the critical css 1".

    - Snapshot
    + Received

      <style data-emotion-css="4xq7ky lu7y12 16qlhaj hbhpyh">
        @font-face{font-family:'Patrick Hand SC';font-style:normal;font-weight:400;src:local('Patrick Hand SC'),local('PatrickHandSC-Regular'),url(https://fonts.gstatic.com/s/patrickhandsc/v4/OYFWCgfCR-7uHIovjUZXsZ71Uis0Qeb9Gqo8IZV7ckE.woff2) format('woff2');unicode-range:U+0100-024f,U+1-1eff,U+20a0-20ab,U+20ad-20cf,U+2c60-2c7f,U+A720-A7FF;}@-webkit-keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}@keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}.no-prefix{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.css-4xq7ky{color:hotpink;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.css-4xq7ky:hover{color:white;background-color:lightgray;border-color:aqua;box-shadow:-15px -15px 0 0 aqua,-30px -30px 0 0 cornflowerblue;}
      </style>
    - <main class="css-4xq7ky e126fyao0"
    + <main class="css-4xq7ky e1prcv720"
            data-reactroot
      >
        <style data-emotion-css="z382ib">
          .css-z382ib{-webkit-animation:animation-16qlhaj;animation:animation-16qlhaj;border-radius:50%;height:50px;width:50px;background-color:red;}
        </style>
        <img size="30"
    -        class="css-z382ib e126fyao1"
    +        class="css-z382ib e1prcv721"
        >
        <img size="100"
    -        class="css-z382ib e126fyao1"
    +        class="css-z382ib e1prcv721"
        >
    -   <img class="css-z382ib e126fyao1">
    +   <img class="css-z382ib e1prcv721">
      </main>

      61 |     const { Page1 } = getComponents(emotion, reactEmotion)
      62 |     const html = await renderToStringWithStream(<Page1 />, emotionServer)
    > 63 |     expect(html).toMatchSnapshot()
         |                  ^
      64 |     const { window } = new JSDOM(html)
      65 |     global.document = window.document
      66 |     global.window = window

      at Object._callee3$ (packages/emotion-server/test/stream.test.js:63:18)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (packages/emotion-server/test/stream.test.js:13:103)
      at _next (packages/emotion-server/test/stream.test.js:15:194)

 › 3 snapshots failed.
PASS packages/react-emotion/test/auto-label/auto-label.test.js
FAIL packages/emotion-server/test/inline.test.js
  ● renderStylesToString › renders styles with ids

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "renderStylesToString renders styles with ids 1".

    - Snapshot
    + Received

    @@ -2,19 +2,19 @@
        @font-face{font-family:'Patrick Hand SC';font-style:normal;font-weight:400;src:local('Patrick Hand SC'),local('PatrickHandSC-Regular'),url(https://fonts.gstatic.com/s/patrickhandsc/v4/OYFWCgfCR-7uHIovjUZXsZ71Uis0Qeb9Gqo8IZV7ckE.woff2) format('woff2');unicode-range:U+0100-024f,U+1-1eff,U+20a0-20ab,U+20ad-20cf,U+2c60-2c7f,U+A720-A7FF;}@-webkit-keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}@keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}.no-prefix{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
      </style>
      <style data-emotion-css="4xq7ky">
        .css-4xq7ky{color:hotpink;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.css-4xq7ky:hover{color:white;background-color:lightgray;border-color:aqua;box-shadow:-15px -15px 0 0 aqua,-30px -30px 0 0 cornflowerblue;}
      </style>
    - <main class="css-4xq7ky e126fyao0"
    + <main class="css-4xq7ky e1prcv720"
            data-reactroot
      >
        <style data-emotion-css="z382ib">
          .css-z382ib{-webkit-animation:animation-16qlhaj;animation:animation-16qlhaj;border-radius:50%;height:50px;width:50px;background-color:red;}
        </style>
        <img size="30"
    -        class="css-z382ib e126fyao1"
    +        class="css-z382ib e1prcv721"
        >
        <img size="100"
    -        class="css-z382ib e126fyao1"
    +        class="css-z382ib e1prcv721"
        >
    -   <img class="css-z382ib e126fyao1">
    +   <img class="css-z382ib e1prcv721">
      </main>

      30 |     expect(
      31 |       emotionServer.renderStylesToString(renderToString(<Page1 />))
    > 32 |     ).toMatchSnapshot()
         |       ^
      33 |     expect(
      34 |       emotionServer.renderStylesToString(renderToString(<Page2 />))
      35 |     ).toMatchSnapshot()

      at Object.<anonymous> (packages/emotion-server/test/inline.test.js:32:7)

  ● renderStylesToString › renders styles with ids

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "renderStylesToString renders styles with ids 2".

    - Snapshot
    + Received

    @@ -2,11 +2,11 @@
        @font-face{font-family:'Patrick Hand SC';font-style:normal;font-weight:400;src:local('Patrick Hand SC'),local('PatrickHandSC-Regular'),url(https://fonts.gstatic.com/s/patrickhandsc/v4/OYFWCgfCR-7uHIovjUZXsZ71Uis0Qeb9Gqo8IZV7ckE.woff2) format('woff2');unicode-range:U+0100-024f,U+1-1eff,U+20a0-20ab,U+20ad-20cf,U+2c60-2c7f,U+A720-A7FF;}@-webkit-keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}@keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}.no-prefix{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
      </style>
      <style data-emotion-css="4xq7ky">
        .css-4xq7ky{color:hotpink;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.css-4xq7ky:hover{color:white;background-color:lightgray;border-color:aqua;box-shadow:-15px -15px 0 0 aqua,-30px -30px 0 0 cornflowerblue;}
      </style>
    - <main class="css-4xq7ky e126fyao0"
    + <main class="css-4xq7ky e1prcv720"
            data-reactroot
      >
        <div>
          Hello
        </div>

      33 |     expect(
      34 |       emotionServer.renderStylesToString(renderToString(<Page2 />))
    > 35 |     ).toMatchSnapshot()
         |       ^
      36 |   })
      37 |   test('renders large recursive component', () => {
      38 |     const BigComponent = createBigComponent(emotion)

      at Object.<anonymous> (packages/emotion-server/test/inline.test.js:35:7)

  ● hydration › only inserts rules that are not in the critical css

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "hydration only inserts rules that are not in the critical css 1".

    - Snapshot
    + Received

    @@ -2,19 +2,19 @@
        @font-face{font-family:'Patrick Hand SC';font-style:normal;font-weight:400;src:local('Patrick Hand SC'),local('PatrickHandSC-Regular'),url(https://fonts.gstatic.com/s/patrickhandsc/v4/OYFWCgfCR-7uHIovjUZXsZ71Uis0Qeb9Gqo8IZV7ckE.woff2) format('woff2');unicode-range:U+0100-024f,U+1-1eff,U+20a0-20ab,U+20ad-20cf,U+2c60-2c7f,U+A720-A7FF;}@-webkit-keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}@keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}.no-prefix{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
      </style>
      <style data-emotion-css="4xq7ky">
        .css-4xq7ky{color:hotpink;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.css-4xq7ky:hover{color:white;background-color:lightgray;border-color:aqua;box-shadow:-15px -15px 0 0 aqua,-30px -30px 0 0 cornflowerblue;}
      </style>
    - <main class="css-4xq7ky e126fyao0"
    + <main class="css-4xq7ky e1prcv720"
            data-reactroot
      >
        <style data-emotion-css="z382ib">
          .css-z382ib{-webkit-animation:animation-16qlhaj;animation:animation-16qlhaj;border-radius:50%;height:50px;width:50px;background-color:red;}
        </style>
        <img size="30"
    -        class="css-z382ib e126fyao1"
    +        class="css-z382ib e1prcv721"
        >
        <img size="100"
    -        class="css-z382ib e126fyao1"
    +        class="css-z382ib e1prcv721"
        >
    -   <img class="css-z382ib e126fyao1">
    +   <img class="css-z382ib e1prcv721">
      </main>

      59 |     const { Page1 } = getComponents(emotion, reactEmotion)
      60 |     const html = emotionServer.renderStylesToString(renderToString(<Page1 />))
    > 61 |     expect(html).toMatchSnapshot()
         |                  ^
      62 |     const { window } = new JSDOM(html)
      63 |     global.document = window.document
      64 |     global.window = window

      at Object.<anonymous> (packages/emotion-server/test/inline.test.js:61:18)

 › 3 snapshots failed.
PASS packages/babel-plugin-emotion/test/inject-global.test.js
  ● Console

    console.warn packages/babel-plugin-emotion/src/index.js:523
      extractStatic is deprecated and will be removed in emotion@10. We recommend disabling extractStatic or using other libraries like linaria or css-literal-loader
    console.log packages/babel-plugin-emotion/src/index.js:528
      

PASS next-packages/core/__tests__/css.js
FAIL packages/babel-plugin-emotion/test/source-map.test.js
  ● source map › babel 7 › styled object styles source map

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "source map babel 7 styled object styles source map 1".

    - Snapshot
    + Received

    @@ -1,8 +1,8 @@
      "/*#__PURE__*/
      styled('div', {
    -   target: "eev0nov0"
    +   target: "e15fccgk0"
      })({
        color: 'blue',
        '&:hover': {
          '& .name': {
            color: 'amethyst',

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● source map › babel 7 › styled source map

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "source map babel 7 styled source map 1".

    - Snapshot
    + Received

      "const Avatar =
      /*#__PURE__*/
      styled('img', {
    -   target: "e1phmxw70"
    +   target: "e3papt90"
      })("width:96px;height:96px;border-radius:", props => props.theme.borderRadius, ";border:1px solid ", props => props.theme.borderColor, ";/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC5zb3VyY2UtbWFwLnRlc3QuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQTRCIiwiZmlsZSI6InN0eWxlZC5zb3VyY2UtbWFwLnRlc3QuanMiLCJzb3VyY2VzQ29udGVudCI6WyJjb25zdCBBdmF0YXIgPSBzdHlsZWQoJ2ltZycpYFxuICAgICAgICB3aWR0aDogOTZweDtcbiAgICAgICAgaGVpZ2h0OiA5NnB4O1xuXG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7cHJvcHMgPT5cbiAgICAgICAgICBwcm9wcy50aGVtZS5ib3JkZXJSYWRpdXN9O1xuXG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7cHJvcHMgPT5cbiAgICAgICAgICBwcm9wcy50aGVtZS5ib3JkZXJDb2xvcn07XG4gICAgICBgIl19 */");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

 › 2 snapshots failed.
PASS packages/emotion/test/warnings.test.js
PASS next-packages/core/__tests__/warnings.js
FAIL packages/react-emotion/test/component-selectors/component-selector.test.js
  ● component as selector

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "component as selector 2".

    - Snapshot
    + Received

    @@ -1,13 +1,13 @@
    - ".css-112oqv {
    + ".css-1yaflyb {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
      }
      
    - .css-112oqv .eqeli5r0 {
    + .css-1yaflyb .eij922y0 {
        color: green;
      }
      
      .css-bk9fzy {
        font-size: 20px;

      28 | 
      29 |   expect(tree).toMatchSnapshot()
    > 30 |   expect(sheet).toMatchSnapshot()
         |                 ^
      31 | })
      32 | 
      33 | test('component as selector function interpolation', () => {

      at Object.<anonymous> (packages/react-emotion/test/component-selectors/component-selector.test.js:30:17)

  ● component as selector function interpolation

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "component as selector function interpolation 2".

    - Snapshot
    + Received

    @@ -1,13 +1,13 @@
    - ".css-36srpd {
    + ".css-fxikay {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
      }
      
    - .css-36srpd .eqeli5r2 {
    + .css-fxikay .eij922y2 {
        color: green;
      }
      
      .css-bk9fzy {
        font-size: 20px;

      52 | 
      53 |   expect(tree).toMatchSnapshot()
    > 54 |   expect(sheet).toMatchSnapshot()
         |                 ^
      55 | })
      56 | 
      57 | test('component as selector (object syntax)', () => {

      at Object.<anonymous> (packages/react-emotion/test/component-selectors/component-selector.test.js:54:17)

  ● component as selector (object syntax)

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "component as selector (object syntax) 2".

    - Snapshot
    + Received

    @@ -1,13 +1,13 @@
    - ".css-1qozo52 {
    + ".css-1jaget0 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
      }
      
    - .css-1qozo52 .eqeli5r4 {
    + .css-1jaget0 .eij922y4 {
        color: green;
      }
      
      .css-bk9fzy {
        font-size: 20px;

      75 | 
      76 |   expect(tree).toMatchSnapshot()
    > 77 |   expect(sheet).toMatchSnapshot()
         |                 ^
      78 | })
      79 | 
      80 | test('component as selector function interpolation (object syntax)', () => {

      at Object.<anonymous> (packages/react-emotion/test/component-selectors/component-selector.test.js:77:17)

  ● component as selector function interpolation (object syntax)

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "component as selector function interpolation (object syntax) 2".

    - Snapshot
    + Received

    @@ -1,13 +1,13 @@
    - ".css-6641zl {
    + ".css-1ccpp9w {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
      }
      
    - .css-6641zl .eqeli5r6 {
    + .css-1ccpp9w .eij922y6 {
        color: green;
      }
      
      .css-bk9fzy {
        font-size: 20px;

       99 | 
      100 |   expect(tree).toMatchSnapshot()
    > 101 |   expect(sheet).toMatchSnapshot()
          |                 ^
      102 | })
      103 | 

      at Object.<anonymous> (packages/react-emotion/test/component-selectors/component-selector.test.js:101:17)

 › 4 snapshots failed.
extractStatic is deprecated and will be removed in emotion@10. We recommend disabling extractStatic or using other libraries like linaria or css-literal-loader

PASS packages/emotion/test/extract/extract.test.js
  ● Console

    console.warn packages/create-emotion-styled/src/index.js:80
      extractStatic is deprecated and will be removed in emotion@10. We recommend disabling extractStatic or using other libraries like linaria or css-literal-loader

PASS packages/babel-plugin-emotion/test/macro/keyframes.test.js
PASS packages/emotion/test/inject-global.test.js
PASS packages/emotion/test/keyframes.test.js
PASS packages/babel-plugin-emotion/test/keyframes.test.js
  ● Console

    console.warn packages/babel-plugin-emotion/src/index.js:523
      extractStatic is deprecated and will be removed in emotion@10. We recommend disabling extractStatic or using other libraries like linaria or css-literal-loader
    console.log packages/babel-plugin-emotion/src/index.js:528
      

FAIL packages/emotion-server/test/index.test.js
  ● extractCritical › returns static css

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "extractCritical returns static css 1".

    - Snapshot
    + Received

    @@ -104,20 +104,20 @@
        height: 50px;
        width: 50px;
        background-color: red;
      }",
        "html": 
    - <main class="css-4xq7ky e126fyao0"
    + <main class="css-4xq7ky e1prcv720"
            data-reactroot
      >
        <img size="30"
    -        class="css-z382ib e126fyao1"
    +        class="css-z382ib e1prcv721"
        >
        <img size="100"
    -        class="css-z382ib e126fyao1"
    +        class="css-z382ib e1prcv721"
        >
    -   <img class="css-z382ib e126fyao1">
    +   <img class="css-z382ib e1prcv721">
      </main>
      ,
        "ids": Array [
          "lu7y12",
          "16qlhaj",

      18 |         emotionServer.extractCritical(renderToString(<Page1 />))
      19 |       )
    > 20 |     ).toMatchSnapshot()
         |       ^
      21 |     expect(
      22 |       prettyifyCritical(
      23 |         emotionServer.extractCritical(renderToString(<Page2 />))

      at Object.<anonymous> (packages/emotion-server/test/index.test.js:20:7)

  ● extractCritical › returns static css

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "extractCritical returns static css 2".

    - Snapshot
    + Received

    @@ -95,11 +95,11 @@
        background-color: lightgray;
        border-color: aqua;
        box-shadow: -15px -15px 0 0 aqua,-30px -30px 0 0 cornflowerblue;
      }",
        "html": 
    - <main class="css-4xq7ky e126fyao0"
    + <main class="css-4xq7ky e1prcv720"
            data-reactroot
      >
        <div>
          Hello
        </div>

      23 |         emotionServer.extractCritical(renderToString(<Page2 />))
      24 |       )
    > 25 |     ).toMatchSnapshot()
         |       ^
      26 |   })
      27 | })
      28 | describe('hydration', () => {

      at Object.<anonymous> (packages/emotion-server/test/index.test.js:25:7)

  ● hydration › only rules that are not in the critical css are inserted

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "hydration only rules that are not in the critical css are inserted 1".

    - Snapshot
    + Received

    @@ -104,20 +104,20 @@
        height: 50px;
        width: 50px;
        background-color: red;
      }",
        "html": 
    - <main class="css-4xq7ky e126fyao0"
    + <main class="css-4xq7ky e1prcv720"
            data-reactroot
      >
        <img size="30"
    -        class="css-z382ib e126fyao1"
    +        class="css-z382ib e1prcv721"
        >
        <img size="100"
    -        class="css-z382ib e126fyao1"
    +        class="css-z382ib e1prcv721"
        >
    -   <img class="css-z382ib e126fyao1">
    +   <img class="css-z382ib e1prcv721">
      </main>
      ,
        "ids": Array [
          "lu7y12",
          "16qlhaj",

      32 |       renderToString(<Page1 />)
      33 |     )
    > 34 |     expect(prettyifyCritical({ html, css, ids })).toMatchSnapshot()
         |                                                   ^
      35 |     jest.resetModules()
      36 |     global.__SECRET_EMOTION__ = undefined
      37 |     emotion = require('emotion')

      at Object.<anonymous> (packages/emotion-server/test/index.test.js:34:51)

 › 3 snapshots failed.
PASS packages/emotion/test/source-map/source-map.test.js
PASS packages/primitives/test/no-babel/basic.test.js
  ● Console

    console.error node_modules/jsdom/lib/jsdom/virtual-console.js:29
      Error: Not implemented: HTMLCanvasElement.prototype.getContext (without installing the canvas npm package)
          at module.exports (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jsdom\lib\jsdom\browser\not-implemented.js:9:17)
          at HTMLCanvasElementImpl.getContext (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jsdom\lib\jsdom\living\nodes\HTMLCanvasElement-impl.js:42:5)
          at HTMLCanvasElement.getContext (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jsdom\lib\jsdom\living\generated\HTMLCanvasElement.js:50:45)
          at Object.<anonymous> (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\art\modes\canvas\base.js:7:81)
          at Runtime._execModule (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jest-runtime\build\index.js:632:13)
          at Runtime.requireModule (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jest-runtime\build\index.js:376:14)
          at Runtime.requireModuleOrMock (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jest-runtime\build\index.js:463:19)
          at Object.<anonymous> (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\art\modes\canvas\shape.js:2:12)
          at Runtime._execModule (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jest-runtime\build\index.js:632:13)
          at Runtime.requireModule (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jest-runtime\build\index.js:376:14) undefined

PASS next-packages/provider/__tests__/dom.js
PASS scripts/build/__tests__/add-constructor-react.js
PASS packages/emotion/test/sheet.dom.test.js
  ● Console

    console.warn node_modules/jest-mock/build/index.js:711
      illegal rule .asdfasdf4###112121211{

PASS packages/jest-emotion/test/preact.test.js
PASS next-packages/core/__tests__/globals-are-the-worst.js
FAIL packages/create-emotion/test/ssr-multiple-create-calls.test.js
  ● multiple createEmotion calls with the same context are the same

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "multiple createEmotion calls with the same context are the same 1".

    - Snapshot
    + Received

    @@ -2,19 +2,19 @@
        @font-face{font-family:'Patrick Hand SC';font-style:normal;font-weight:400;src:local('Patrick Hand SC'),local('PatrickHandSC-Regular'),url(https://fonts.gstatic.com/s/patrickhandsc/v4/OYFWCgfCR-7uHIovjUZXsZ71Uis0Qeb9Gqo8IZV7ckE.woff2) format('woff2');unicode-range:U+0100-024f,U+1-1eff,U+20a0-20ab,U+20ad-20cf,U+2c60-2c7f,U+A720-A7FF;}@-webkit-keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}@keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}.no-prefix{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
      </style>
      <style data-emotion-css="4xq7ky">
        .css-4xq7ky{color:hotpink;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.css-4xq7ky:hover{color:white;background-color:lightgray;border-color:aqua;box-shadow:-15px -15px 0 0 aqua,-30px -30px 0 0 cornflowerblue;}
      </style>
    - <main class="css-4xq7ky e126fyao0"
    + <main class="css-4xq7ky e1prcv720"
            data-reactroot
      >
        <style data-emotion-css="z382ib">
          .css-z382ib{-webkit-animation:animation-16qlhaj;animation:animation-16qlhaj;border-radius:50%;height:50px;width:50px;background-color:red;}
        </style>
        <img size="30"
    -        class="css-z382ib e126fyao1"
    +        class="css-z382ib e1prcv721"
        >
        <img size="100"
    -        class="css-z382ib e126fyao1"
    +        class="css-z382ib e1prcv721"
        >
    -   <img class="css-z382ib e126fyao1">
    +   <img class="css-z382ib e1prcv721">
      </main>

      26 |   )
      27 |   expect(one).toEqual(two)
    > 28 |   expect(one).toMatchSnapshot()
         |               ^
      29 | })
      30 | 

      at Object.<anonymous> (packages/create-emotion/test/ssr-multiple-create-calls.test.js:28:15)

 › 1 snapshot failed.
PASS next-packages/preact-core/__tests__/index.js
PASS next-packages/core/__tests__/global.js
PASS next-packages/preact-styled/__tests__/index.js
PASS next-packages/compat-cache/__tests__/browser.js
FAIL packages/emotion/test/component-selector.test.js
  ● component selector › should be converted to use the emotion target className

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "component selector should be converted to use the emotion target className 2".

    - Snapshot
    + Received

    @@ -1,6 +1,6 @@
    - ".css-jww4zs .e42j9n60 {
    + ".css-y3clhl .e1y2fqfu0 {
        color: red;
      }
      
      .css-14ksm7b {
        color: blue;

      26 |       .toJSON()
      27 |     expect(tree).toMatchSnapshot()
    > 28 |     expect(sheet).toMatchSnapshot()
         |                   ^
      29 |   })
      30 | })
      31 | 

      at Object.<anonymous> (packages/emotion/test/component-selector.test.js:28:19)

 › 1 snapshot failed.
PASS packages/primitives/test/warnings.test.js
  ● Console

    console.error node_modules/jsdom/lib/jsdom/virtual-console.js:29
      Error: Not implemented: HTMLCanvasElement.prototype.getContext (without installing the canvas npm package)
          at module.exports (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jsdom\lib\jsdom\browser\not-implemented.js:9:17)
          at HTMLCanvasElementImpl.getContext (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jsdom\lib\jsdom\living\nodes\HTMLCanvasElement-impl.js:42:5)
          at HTMLCanvasElement.getContext (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jsdom\lib\jsdom\living\generated\HTMLCanvasElement.js:50:45)
          at Object.<anonymous> (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\art\modes\canvas\base.js:7:81)
          at Runtime._execModule (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jest-runtime\build\index.js:632:13)
          at Runtime.requireModule (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jest-runtime\build\index.js:376:14)
          at Runtime.requireModuleOrMock (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jest-runtime\build\index.js:463:19)
          at Object.<anonymous> (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\art\modes\canvas\shape.js:2:12)
          at Runtime._execModule (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jest-runtime\build\index.js:632:13)
          at Runtime.requireModule (C:\Work\TwoGenerations\emotionPR\emotion\node_modules\jest-runtime\build\index.js:376:14) undefined

PASS next-packages/core/__tests__/css-cache-hash.js
FAIL packages/babel-plugin-emotion/test/primitives.test.js
  ● styled inline › babel 7 › does not change call expressions

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 does not change call expressions 1".

    - Snapshot
    + Received

      "/*#__PURE__*/
      styled('SomeFakeComponent', {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("color:hotpink;");
      
      /*#__PURE__*/
      styled('SomeFakeComponent', {
    -   target: "e1u6ll0g1"
    +   target: "e1ed59cp1"
      })({});"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

 › 1 snapshot failed.
PASS next-packages/styled/__tests__/styled-dom.js
PASS packages/create-emotion/test/instance.test.js
PASS packages/emotion/test/label-pattern.test.js
PASS next-packages/compat-cache/__tests__/server.js
PASS next-packages/cache/__tests__/hydration.js
PASS packages/babel-plugin-emotion/test/macro/inject-global.test.js
PASS next-packages/cache/__tests__/index.js
PASS next-packages/weak-memoize/__tests__/index.js
FAIL next-packages/babel-plugin-core/__tests__/styled.js
  ● @emotion/babel-plugin-core styled › basic

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "@emotion/babel-plugin-core styled basic 1".

    - Snapshot
    + Received

    @@ -8,8 +8,8 @@
            ↓ ↓ ↓ ↓ ↓ ↓
      
      import _styled from "@emotion/styled-base";
      
      const SomeComponent = _styled("div", {
    -   target: "eddbda30",
    +   target: "e7j77md0",
        label: "SomeComponent"
      })("color:hotpink;");"

      32 |   })
      33 | 
    > 34 |   expect(`${rawCode}${separator}${code}`).toMatchSnapshot()
         |                                           ^
      35 | }
      36 | 
      37 | function doThing(dirname) {

      at _callee$ (scripts/babel-tester/src/index.js:34:43)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (scripts/babel-tester/src/index.js:852:103)
      at _next (scripts/babel-tester/src/index.js:854:194)

  ● @emotion/babel-plugin-core styled › call-expression

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "@emotion/babel-plugin-core styled call-expression 1".

    - Snapshot
    + Received

    @@ -8,8 +8,8 @@
            ↓ ↓ ↓ ↓ ↓ ↓
      
      import _styled from "@emotion/styled-base";
      
      const SomeComponent = _styled('div', {
    -   target: "e1wwfyhh0",
    +   target: "e18baa2i0",
        label: "SomeComponent"
      })("color:hotpink;");"

      32 |   })
      33 | 
    > 34 |   expect(`${rawCode}${separator}${code}`).toMatchSnapshot()
         |                                           ^
      35 | }
      36 | 
      37 | function doThing(dirname) {

      at _callee$ (scripts/babel-tester/src/index.js:34:43)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (scripts/babel-tester/src/index.js:852:103)
      at _next (scripts/babel-tester/src/index.js:854:194)

  ● @emotion/babel-plugin-core styled › label

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "@emotion/babel-plugin-core styled label 1".

    - Snapshot
    + Received

    @@ -14,13 +14,13 @@
      
      import _styled from "@emotion/styled-base";
      
      class Thing {
        static SomeComponent = _styled("div", {
    -     target: "erkd9g00",
    +     target: "ejyf9c90",
          label: "SomeComponent"
        })("color:hotpink;");
        BadIdeaComponent = _styled("div", {
    -     target: "erkd9g01",
    +     target: "ejyf9c91",
          label: "BadIdeaComponent"
        })("background:hotpink;");
      }"

      32 |   })
      33 | 
    > 34 |   expect(`${rawCode}${separator}${code}`).toMatchSnapshot()
         |                                           ^
      35 | }
      36 | 
      37 | function doThing(dirname) {

      at _callee$ (scripts/babel-tester/src/index.js:34:43)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (scripts/babel-tester/src/index.js:852:103)
      at _next (scripts/babel-tester/src/index.js:854:194)

  ● @emotion/babel-plugin-core styled › multiple-calls

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "@emotion/babel-plugin-core styled multiple-calls 1".

    - Snapshot
    + Received

    @@ -12,13 +12,13 @@
            ↓ ↓ ↓ ↓ ↓ ↓
      
      import _styled from "@emotion/styled-base";
      
      const SomeComponent = _styled("div", {
    -   target: "e15zzbw00",
    +   target: "e1luv8uw0",
        label: "SomeComponent"
      })("color:hotpink;");
      
      const SomeOtherComponent = _styled("button", {
    -   target: "e15zzbw01",
    +   target: "e1luv8uw1",
        label: "SomeOtherComponent"
      })("color:green;");"

      32 |   })
      33 | 
    > 34 |   expect(`${rawCode}${separator}${code}`).toMatchSnapshot()
         |                                           ^
      35 | }
      36 | 
      37 | function doThing(dirname) {

      at _callee$ (scripts/babel-tester/src/index.js:34:43)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (scripts/babel-tester/src/index.js:852:103)
      at _next (scripts/babel-tester/src/index.js:854:194)

  ● @emotion/babel-plugin-core styled › object

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "@emotion/babel-plugin-core styled object 1".

    - Snapshot
    + Received

    @@ -6,10 +6,10 @@
            ↓ ↓ ↓ ↓ ↓ ↓
      
      import _styled from "@emotion/styled-base";
      
      const SomeComponent = _styled("div", {
    -   target: "es0jczh0",
    +   target: "e17ju0mn0",
        label: "SomeComponent"
      })({
        color: 'hotpink'
      });"

      32 |   })
      33 | 
    > 34 |   expect(`${rawCode}${separator}${code}`).toMatchSnapshot()
         |                                           ^
      35 | }
      36 | 
      37 | function doThing(dirname) {

      at _callee$ (scripts/babel-tester/src/index.js:34:43)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (scripts/babel-tester/src/index.js:852:103)
      at _next (scripts/babel-tester/src/index.js:854:194)

 › 5 snapshots failed.
PASS next-packages/babel-plugin-core/__tests__/css.js
FAIL next-packages/babel-plugin-core/__tests__/source-maps/index.js
  ● @emotion/babel-plugin-core › styled-object

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "@emotion/babel-plugin-core styled-object 1".

    - Snapshot
    + Received

    @@ -8,10 +8,10 @@
            ↓ ↓ ↓ ↓ ↓ ↓
      
      import _styled from "@emotion/styled-base";
      
      const SomeComponent = _styled("div", {
    -   target: "ezg2t240",
    +   target: "e1qmrixo0",
        label: "SomeComponent"
      })({
        color: 'hotpink'
      }, "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNvdXJjZS1tYXAudGVzdC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFc0IiLCJmaWxlIjoic291cmNlLW1hcC50ZXN0LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmNvbnN0IFNvbWVDb21wb25lbnQgPSBzdHlsZWQuZGl2KHtcbiAgY29sb3I6ICdob3RwaW5rJ1xufSlcbiJdfQ== */");"

      32 |   })
      33 | 
    > 34 |   expect(`${rawCode}${separator}${code}`).toMatchSnapshot()
         |                                           ^
      35 | }
      36 | 
      37 | function doThing(dirname) {

      at _callee$ (scripts/babel-tester/src/index.js:34:43)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (scripts/babel-tester/src/index.js:852:103)
      at _next (scripts/babel-tester/src/index.js:854:194)

  ● @emotion/babel-plugin-core › styled-string

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "@emotion/babel-plugin-core styled-string 1".

    - Snapshot
    + Received

    @@ -8,8 +8,8 @@
            ↓ ↓ ↓ ↓ ↓ ↓
      
      import _styled from "@emotion/styled-base";
      
      const SomeComponent = _styled("div", {
    -   target: "ezg2t240",
    +   target: "e1qmrixo0",
        label: "SomeComponent"
      })("color:hotpink;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNvdXJjZS1tYXAudGVzdC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFZ0MiLCJmaWxlIjoic291cmNlLW1hcC50ZXN0LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmNvbnN0IFNvbWVDb21wb25lbnQgPSBzdHlsZWQuZGl2YFxuICBjb2xvcjogaG90cGluaztcbmBcbiJdfQ== */");"

      32 |   })
      33 | 
    > 34 |   expect(`${rawCode}${separator}${code}`).toMatchSnapshot()
         |                                           ^
      35 | }
      36 | 
      37 | function doThing(dirname) {

      at _callee$ (scripts/babel-tester/src/index.js:34:43)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (scripts/babel-tester/src/index.js:852:103)
      at _next (scripts/babel-tester/src/index.js:854:194)

 › 2 snapshots failed.
PASS next-packages/babel-plugin-core/__tests__/index.js
PASS next-packages/hash/__tests__/index.js
FAIL next-packages/styled.macro/__tests__/index.js
  ● @emotion/styled.macro › basic

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "@emotion/styled.macro basic 1".

    - Snapshot
    + Received

    @@ -8,8 +8,8 @@
            ↓ ↓ ↓ ↓ ↓ ↓
      
      import _styled from "@emotion/styled-base";
      
      const SomeComponent = _styled("div", {
    -   target: "eddbda30",
    +   target: "e7j77md0",
        label: "SomeComponent"
      })("color:hotpink;");"

      32 |   })
      33 | 
    > 34 |   expect(`${rawCode}${separator}${code}`).toMatchSnapshot()
         |                                           ^
      35 | }
      36 | 
      37 | function doThing(dirname) {

      at _callee$ (scripts/babel-tester/src/index.js:34:43)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (scripts/babel-tester/src/index.js:852:103)
      at _next (scripts/babel-tester/src/index.js:854:194)

  ● @emotion/styled.macro › call-expression

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "@emotion/styled.macro call-expression 1".

    - Snapshot
    + Received

    @@ -8,8 +8,8 @@
            ↓ ↓ ↓ ↓ ↓ ↓
      
      import _styled from "@emotion/styled-base";
      
      const SomeComponent = _styled('div', {
    -   target: "e1wwfyhh0",
    +   target: "e18baa2i0",
        label: "SomeComponent"
      })("color:hotpink;");"

      32 |   })
      33 | 
    > 34 |   expect(`${rawCode}${separator}${code}`).toMatchSnapshot()
         |                                           ^
      35 | }
      36 | 
      37 | function doThing(dirname) {

      at _callee$ (scripts/babel-tester/src/index.js:34:43)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (scripts/babel-tester/src/index.js:852:103)
      at _next (scripts/babel-tester/src/index.js:854:194)

  ● @emotion/styled.macro › label

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "@emotion/styled.macro label 1".

    - Snapshot
    + Received

    @@ -14,13 +14,13 @@
      
      import _styled from "@emotion/styled-base";
      
      class Thing {
        static SomeComponent = _styled("div", {
    -     target: "erkd9g00",
    +     target: "ejyf9c90",
          label: "SomeComponent"
        })("color:hotpink;");
        BadIdeaComponent = _styled("div", {
    -     target: "erkd9g01",
    +     target: "ejyf9c91",
          label: "BadIdeaComponent"
        })("background:hotpink;");
      }"

      32 |   })
      33 | 
    > 34 |   expect(`${rawCode}${separator}${code}`).toMatchSnapshot()
         |                                           ^
      35 | }
      36 | 
      37 | function doThing(dirname) {

      at _callee$ (scripts/babel-tester/src/index.js:34:43)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (scripts/babel-tester/src/index.js:852:103)
      at _next (scripts/babel-tester/src/index.js:854:194)

  ● @emotion/styled.macro › multiple-calls

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "@emotion/styled.macro multiple-calls 1".

    - Snapshot
    + Received

    @@ -12,13 +12,13 @@
            ↓ ↓ ↓ ↓ ↓ ↓
      
      import _styled from "@emotion/styled-base";
      
      const SomeComponent = _styled("div", {
    -   target: "e15zzbw00",
    +   target: "e1luv8uw0",
        label: "SomeComponent"
      })("color:hotpink;");
      
      const SomeOtherComponent = _styled("button", {
    -   target: "e15zzbw01",
    +   target: "e1luv8uw1",
        label: "SomeOtherComponent"
      })("color:green;");"

      32 |   })
      33 | 
    > 34 |   expect(`${rawCode}${separator}${code}`).toMatchSnapshot()
         |                                           ^
      35 | }
      36 | 
      37 | function doThing(dirname) {

      at _callee$ (scripts/babel-tester/src/index.js:34:43)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (scripts/babel-tester/src/index.js:852:103)
      at _next (scripts/babel-tester/src/index.js:854:194)

  ● @emotion/styled.macro › object

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "@emotion/styled.macro object 1".

    - Snapshot
    + Received

    @@ -6,10 +6,10 @@
            ↓ ↓ ↓ ↓ ↓ ↓
      
      import _styled from "@emotion/styled-base";
      
      const SomeComponent = _styled("div", {
    -   target: "es0jczh0",
    +   target: "e17ju0mn0",
        label: "SomeComponent"
      })({
        color: 'hotpink'
      });"

      32 |   })
      33 | 
    > 34 |   expect(`${rawCode}${separator}${code}`).toMatchSnapshot()
         |                                           ^
      35 | }
      36 | 
      37 | function doThing(dirname) {

      at _callee$ (scripts/babel-tester/src/index.js:34:43)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (scripts/babel-tester/src/index.js:852:103)
      at _next (scripts/babel-tester/src/index.js:854:194)

 › 5 snapshots failed.
PASS next-packages/css.macro/__tests__/index.js
----------------------------------------------|----------|----------|----------|----------|-------------------|
File                                          |  % Stmts | % Branch |  % Funcs |  % Lines | Uncovered Line #s |
----------------------------------------------|----------|----------|----------|----------|-------------------|
All files                                     |    95.51 |     88.2 |    95.74 |    95.72 |                   |
 next-packages/babel-plugin-core/src          |    93.04 |       85 |    93.33 |    92.98 |                   |
  create-plugin.js                            |      100 |      100 |      100 |      100 |                   |
  css-macro.js                                |      100 |    93.33 |      100 |      100 |             25,74 |
  index.js                                    |    75.76 |       70 |       80 |    75.76 |... 22,24,26,61,69 |
  styled-macro.js                             |      100 |    84.62 |      100 |      100 |       14,32,50,62 |
 next-packages/babel-utils/src                |    95.54 |    83.84 |      100 |    95.36 |                   |
  get-target-class-name.js                    |    95.24 |    66.67 |      100 |    94.74 |                42 |
  index.js                                    |      100 |      100 |      100 |      100 |                   |
  label.js                                    |    94.44 |    90.32 |      100 |    94.12 |                51 |
  minify-utils.js                             |    96.88 |       75 |      100 |    96.67 |                23 |
  minify.js                                   |      100 |    81.25 |      100 |      100 |           7,22,55 |
  object-to-string.js                         |    80.95 |       85 |      100 |    80.95 |       12,21,32,33 |
  source-maps.js                              |      100 |       50 |      100 |      100 |                 6 |
 next-packages/cache/src                      |    92.86 |    88.89 |    85.71 |    92.59 |                   |
  index.js                                    |    89.74 |       84 |       80 |    89.47 |       51,74,75,78 |
  rule-sheet.js                               |      100 |      100 |      100 |      100 |                   |
 next-packages/compat-cache/src               |      100 |      100 |      100 |      100 |                   |
  index.js                                    |      100 |      100 |      100 |      100 |                   |
 next-packages/core/src                       |    96.39 |     90.7 |      100 |    96.39 |                   |
  context.js                                  |      100 |       90 |      100 |      100 |                45 |
  global.js                                   |    92.31 |    83.33 |      100 |    92.31 |             41,56 |
  index.js                                    |        0 |        0 |        0 |        0 |                   |
  jsx.js                                      |    96.55 |    95.24 |      100 |    96.55 |                35 |
  keyframes.js                                |      100 |      100 |      100 |      100 |                   |
 next-packages/css.macro/src                  |        0 |        0 |        0 |        0 |                   |
  index.js                                    |        0 |        0 |        0 |        0 |                   |
 next-packages/css/src                        |      100 |      100 |      100 |      100 |                   |
  index.js                                    |      100 |      100 |      100 |      100 |                   |
 next-packages/hash/src                       |      100 |      100 |      100 |      100 |                   |
  index.js                                    |      100 |      100 |      100 |      100 |                   |
 next-packages/is-prop-valid/src              |      100 |      100 |      100 |      100 |                   |
  index.js                                    |      100 |      100 |      100 |      100 |                   |
 next-packages/memoize/src                    |      100 |      100 |      100 |      100 |                   |
  index.js                                    |      100 |      100 |      100 |      100 |                   |
 next-packages/preact-core/src                |        0 |        0 |        0 |        0 |                   |
  index.js                                    |        0 |        0 |        0 |        0 |                   |
 next-packages/preact-styled/src              |        0 |        0 |        0 |        0 |                   |
  index.js                                    |        0 |        0 |        0 |        0 |                   |
 next-packages/provider/src                   |      100 |    91.67 |      100 |      100 |                   |
  index.js                                    |      100 |    91.67 |      100 |      100 |                47 |
 next-packages/serialize/src                  |    93.67 |    85.51 |      100 |    93.67 |                   |
  index.js                                    |    93.67 |    85.51 |      100 |    93.67 |  87,91,95,100,154 |
 next-packages/sheet/src                      |      100 |    81.25 |      100 |      100 |                   |
  index.js                                    |      100 |    81.25 |      100 |      100 |         28,90,110 |
 next-packages/snapshot-serializer/src        |    79.41 |    61.67 |    78.38 |    79.21 |                   |
  index.js                                    |     91.3 |      100 |      100 |     91.3 |             46,47 |
  matchers.js                                 |    95.24 |    83.33 |     87.5 |    95.24 |                58 |
  replace-class-names.js                      |      100 |    83.33 |      100 |      100 |                29 |
  utils.js                                    |     62.5 |    39.39 |       65 |     61.7 |... 67,68,70,83,91 |
 next-packages/styled-base/src                |     97.1 |    82.81 |    88.89 |    97.06 |                   |
  index.js                                    |    96.36 |    81.67 |    83.33 |    96.36 |            39,160 |
  utils.js                                    |      100 |      100 |      100 |      100 |                   |
 next-packages/styled.macro/src               |        0 |        0 |        0 |        0 |                   |
  index.js                                    |        0 |        0 |        0 |        0 |                   |
 next-packages/styled/src                     |      100 |      100 |      100 |      100 |                   |
  index.js                                    |      100 |      100 |      100 |      100 |                   |
  tags.js                                     |      100 |      100 |      100 |      100 |                   |
 next-packages/stylis/src                     |    93.13 |    86.52 |      100 |    94.17 |                   |
  index.js                                    |        0 |        0 |        0 |        0 |                   |
  stylis.min.js                               |    93.13 |    86.52 |      100 |    94.17 |... 01,563,564,569 |
 next-packages/unitless/src                   |      100 |      100 |      100 |      100 |                   |
  index.js                                    |      100 |      100 |      100 |      100 |                   |
 next-packages/utils/src                      |      100 |      100 |      100 |      100 |                   |
  index.js                                    |      100 |      100 |      100 |      100 |                   |
  types.js                                    |        0 |        0 |        0 |        0 |                   |
 next-packages/weak-memoize/src               |      100 |      100 |      100 |      100 |                   |
  index.js                                    |      100 |      100 |      100 |      100 |                   |
 packages/babel-plugin-emotion/src            |    97.34 |    93.77 |      100 |    97.54 |                   |
  babel-utils.js                              |    94.55 |    85.71 |      100 |    95.92 |           136,137 |
  css-prop.js                                 |      100 |    95.24 |      100 |      100 |             76,97 |
  index.js                                    |    97.01 |    95.56 |      100 |       97 |... 99,657,678,685 |
  macro-styled.js                             |      100 |    84.62 |      100 |      100 |             41,53 |
  macro.js                                    |      100 |     87.5 |      100 |      100 |                36 |
  source-map.js                               |      100 |      100 |      100 |      100 |                   |
 packages/babel-plugin-emotion/test/styled    |      100 |       75 |      100 |      100 |                   |
  macro.js                                    |      100 |       75 |      100 |      100 |                 2 |
 packages/create-emotion-server/src           |      100 |       95 |      100 |      100 |                   |
  extract-critical.js                         |      100 |      100 |      100 |      100 |                   |
  index.js                                    |      100 |      100 |      100 |      100 |                   |
  inline.js                                   |      100 |     87.5 |      100 |      100 |             28,38 |
  stream.js                                   |      100 |      100 |      100 |      100 |                   |
 packages/create-emotion-styled/src           |      100 |    96.39 |      100 |      100 |                   |
  index.js                                    |      100 |     96.2 |      100 |      100 |        19,105,198 |
  utils.js                                    |      100 |      100 |      100 |      100 |                   |
 packages/create-emotion/src                  |    97.75 |    90.91 |      100 |    98.17 |                   |
  index.js                                    |      100 |    93.67 |      100 |      100 | 72,82,235,283,359 |
  sheet.js                                    |    90.24 |    77.27 |      100 |       90 |      34,35,37,105 |
  utils.js                                    |    97.83 |    92.86 |      100 |      100 |          27,73,80 |
 packages/create-emotion/test                 |      100 |      100 |      100 |      100 |                   |
  emotion-instance.js                         |      100 |      100 |      100 |      100 |                   |
 packages/emotion-server/src                  |      100 |      100 |      100 |      100 |                   |
  index.js                                    |      100 |      100 |      100 |      100 |                   |
 packages/emotion-server/test                 |    95.83 |    66.67 |    94.12 |    95.65 |                   |
  util.js                                     |    95.83 |    66.67 |    94.12 |    95.65 |           180,198 |
 packages/emotion-theming/src                 |      100 |     96.3 |      100 |      100 |                   |
  channel.js                                  |        0 |        0 |        0 |        0 |                   |
  create-broadcast.js                         |      100 |      100 |      100 |      100 |                   |
  index.js                                    |        0 |        0 |        0 |        0 |                   |
  theme-provider.js                           |      100 |      100 |      100 |      100 |                   |
  utils.js                                    |      100 |      100 |      100 |      100 |                   |
  with-theme.js                               |      100 |    85.71 |      100 |      100 |                28 |
 packages/emotion-theming/test                |      100 |    66.67 |      100 |      100 |                   |
  test-helpers.js                             |      100 |    66.67 |      100 |      100 |             54,72 |
 packages/emotion/src                         |      100 |       50 |      100 |      100 |                   |
  index.js                                    |      100 |       50 |      100 |      100 |                 4 |
 packages/emotion/test/extract                |      100 |       50 |      100 |      100 |                   |
  extract.test.emotion.css                    |      100 |       50 |      100 |      100 |                 2 |
 packages/eslint-plugin-emotion/src/rules     |      100 |    92.86 |      100 |      100 |                   |
  syntax-preference.js                        |      100 |    92.86 |      100 |      100 |              7,33 |
 packages/jest-emotion/src                    |    92.31 |    93.55 |    91.89 |    92.31 |                   |
  index.js                                    |    80.65 |    88.89 |       80 |    80.65 | 32,33,34,36,94,95 |
  matchers.js                                 |     96.3 |    85.71 |    90.91 |     96.3 |                70 |
  replace-class-names.js                      |      100 |      100 |      100 |      100 |                   |
  utils.js                                    |      100 |      100 |      100 |      100 |                   |
 packages/native/src                          |      100 |      100 |      100 |      100 |                   |
  index.js                                    |      100 |      100 |      100 |      100 |                   |
  styled.js                                   |      100 |      100 |      100 |      100 |                   |
 packages/primitives-core/src                 |      100 |     94.2 |      100 |      100 |                   |
  css.js                                      |      100 |    95.24 |      100 |      100 |             23,50 |
  index.js                                    |        0 |        0 |        0 |        0 |                   |
  styled.js                                   |      100 |    95.65 |      100 |      100 |                96 |
  utils.js                                    |      100 |       75 |      100 |      100 |                40 |
 packages/primitives/src                      |      100 |      100 |      100 |      100 |                   |
  index.js                                    |      100 |      100 |      100 |      100 |                   |
  styled.js                                   |      100 |      100 |      100 |      100 |                   |
  test-props.js                               |      100 |      100 |      100 |      100 |                   |
 packages/react-emotion/src                   |        0 |        0 |        0 |        0 |                   |
  index.js                                    |        0 |        0 |        0 |        0 |                   |
 scripts/babel-tester/src                     |    85.71 |    73.68 |      100 |    85.19 |                   |
  index.js                                    |    85.71 |    73.68 |      100 |    85.19 |       66,67,69,70 |
 scripts/build                                |      100 |      100 |      100 |      100 |                   |
  add-basic-constructor-to-react-component.js |      100 |      100 |      100 |      100 |                   |
 scripts/emotion-react-mock-for-preact/src    |    92.68 |    71.43 |    76.92 |       95 |                   |
  index.js                                    |    92.68 |    71.43 |    76.92 |       95 |            43,138 |
 scripts/test-utils                           |      100 |      100 |      100 |      100 |                   |
  dev-mode.js                                 |      100 |      100 |      100 |      100 |                   |
  legacy-env.js                               |      100 |      100 |      100 |      100 |                   |
  next-env.js                                 |      100 |      100 |      100 |      100 |                   |
  preact-mode.js                              |      100 |      100 |      100 |      100 |                   |
 scripts/test-utils/src                       |    83.33 |       50 |      100 |    83.33 |                   |
  index.js                                    |    83.33 |       50 |      100 |    83.33 |              7,22 |
 test                                         |      100 |      100 |      100 |      100 |                   |
  pretty-css.js                               |      100 |      100 |      100 |      100 |                   |
  testSetup.js                                |      100 |      100 |      100 |      100 |                   |
----------------------------------------------|----------|----------|----------|----------|-------------------|

Summary of all failing tests
FAIL packages/babel-plugin-emotion/test/styled.test.js
  ● styled inline › babel 7 › no use

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 no use 1".

    - Snapshot
    + Received

      "/*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })();"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › no dynamic

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 no dynamic 1".

    - Snapshot
    + Received

      "/*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("color:blue;");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › dynamic fns

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 dynamic fns 1".

    - Snapshot
    + Received

      "const Avatar =
      /*#__PURE__*/
      styled('img', {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("width:96px;height:96px;border-radius:", props => props.theme.borderRadius, ";border:1px solid ", props => props.theme.borderColor, ";");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › more than 10 dynamic values

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 more than 10 dynamic values 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled('h1', {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("text-decoration:", 'underline', ";border-right:solid blue ", 54, "px;background:", 'white', ";color:", 'black', ";display:", 'block', ";border-radius:", '3px', ";padding:", '25px', ";width:", '500px', ";z-index:", 100, ";font-size:", '18px', ";text-align:", 'center', ";border-left:", p => p.theme.blue, ";");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › random expressions

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 random expressions 1".

    - Snapshot
    + Received

    @@ -2,11 +2,11 @@
      /*#__PURE__*/
      css("font-size:1rem");
      
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("margin:12px 48px;",
      /*#__PURE__*/
      css("font-size:32px"), ";color:#ffffff;& .profile{", props => props.prop && a(), "}", {
        backgroundColor: "hotpink"
      }, ";");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › basic

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 basic 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("font-size:", fontSize + 'px', ";");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › nested

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 nested 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("font-size:", fontSize + 'px', ";& div{color:blue;& span{color:red}}");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › interpolation in different places

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 interpolation in different places 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("font-size:", fontSize + 'px', ";height:20px;transform:translateX(", props => props.translateX, ");height1:", something, "wow;width:w", something, "ow;transform:translateX(", props => props.translateX, ") translateY(", props => props.translateX, ");transform1:translateX(", props => props.translateX, ") translateY(", props => props.translateX, ");transform2:translateX(", props => props.translateX, ") ", props => props.translateX, ";");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › media query

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 media query 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("@media print{font-size:10pt}@media screen{.child-selector{font-size:13px}}@media screen,print{&:hover + &{line-height:1.2}}@media only screen   and (min-device-width:320px)   and (max-device-width:480px)  and (-webkit-min-device-pixel-ratio:2){.child-selector{line-height:1.4}}");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › function call

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 function call 1".

    - Snapshot
    + Received

      "/*#__PURE__*/
      styled(MyComponent, {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("font-size:", fontSize + 'px', ";");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › objects fn call

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 objects fn call 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled('h1', {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({
        display: 'flex'
      });"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › objects based on props

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 objects based on props 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled('h1', {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({
        padding: 10
      }, props => ({
        display: props.display
      }));"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › shorthand property

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 shorthand property 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({
        fontSize
      });"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › objects prefixed

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 objects prefixed 1".

    - Snapshot
    + Received

    @@ -1,9 +1,9 @@
      "const H1 =
      /*#__PURE__*/
      styled('h1', {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({
        borderRadius: '50%',
        transition: 'transform 400ms ease-in-out',
        boxSizing: 'border-box',
        display: 'flex',

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › styled. objects

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 styled. objects 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({
        padding: 10
      }, props => ({
        display: props.display
      }));"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › styled. objects with a single spread property

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 styled. objects with a single spread property 1".

    - Snapshot
    + Received

    @@ -2,8 +2,8 @@
        fontSize: 20
      };
      const Figure =
      /*#__PURE__*/
      styled("figure", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({ ...defaultText
      });"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › styled. objects with a multiple spread properties

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 styled. objects with a multiple spread properties 1".

    - Snapshot
    + Received

    @@ -2,9 +2,9 @@
        fontSize: 20
      };
      const Figure =
      /*#__PURE__*/
      styled("figure", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({ ...defaultText,
        ...defaultFigure
      });"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › styled. objects with a multiple spread properties and other keys

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 styled. objects with a multiple spread properties and other keys 1".

    - Snapshot
    + Received

    @@ -2,11 +2,11 @@
        fontSize: 20
      };
      const Figure =
      /*#__PURE__*/
      styled("figure", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({ ...defaultText,
        fontSize: '20px',
        ...defaultFigure,
        ...defaultText2
      });"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › styled objects prefixed

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 styled objects prefixed 1".

    - Snapshot
    + Received

    @@ -1,9 +1,9 @@
      "const H1 =
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({
        borderRadius: '50%',
        transition: 'transform 400ms ease-in-out',
        boxSizing: 'border-box',
        display: 'flex',

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › composition based on props

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 composition based on props 1".

    - Snapshot
    + Received

    @@ -2,9 +2,9 @@
      /*#__PURE__*/
      css("width:20px;");
      const H1 =
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })(props => {
        return props.a ? cssA : cssB;
      }, ";font-size:", fontSize + 'px', ";height:20px;transform:translateX(", props => props.translateX, ");");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › hoisting

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 hoisting 1".

    - Snapshot
    + Received

    @@ -13,10 +13,10 @@
      
      const Profile = () => {
        const H1 =
        /*#__PURE__*/
        styled("h1", {
    -     target: "e1u6ll0g0"
    +     target: "e1ed59cp0"
        })(_ref, props => ({
          display: props.display
        }), _ref2);
      };"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › variable import: no dynamic

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 variable import: no dynamic 1".

    - Snapshot
    + Received

      "import what from 'emotion';
      
      /*#__PURE__*/
      what("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("color:blue;");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › config rename

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 config rename 1".

    - Snapshot
    + Received

      "/*#__PURE__*/
      what("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("color:blue;");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › autoLabel object styles

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 autoLabel object styles 1".

    - Snapshot
    + Received

    @@ -1,10 +1,10 @@
      "const Profile = () => {
        const H1 =
        /*#__PURE__*/
        styled("h1", {
    -     target: "e1u6ll0g0",
    +     target: "e1ed59cp0",
          label: "H1"
        })({
          borderRadius: '50%',
          transition: 'transform 400ms ease-in-out',
          boxSizing: 'border-box',

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › autoLabel string styles

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 autoLabel string styles 1".

    - Snapshot
    + Received

      "const Profile = () => {
        const ProfileH1 =
        /*#__PURE__*/
        styled('h1', {
          label: "ProfileH1",
    -     target: "e1u6ll0g0"
    +     target: "e1ed59cp0"
        })("color:blue;");
        return <H1>Hello</H1>;
      };"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › component selector

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 component selector 1".

    - Snapshot
    + Received

      "const Child =
      /*#__PURE__*/
      styled("div", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("color:red;");
      const SecondChild = Child.withComponent('span', {
    -   target: "e1u6ll0g1"
    +   target: "e1ed59cp1"
      });
      const Parent =
      /*#__PURE__*/
      styled("div", {
    -   target: "e1u6ll0g2"
    +   target: "e1ed59cp2"
      })(Child, "{color:blue;}", SecondChild, "{color:pink;}");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › existing options

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 existing options 1".

    - Snapshot
    + Received

      "const Button =
      /*#__PURE__*/
      styled('button', {
        existing: true,
        label: "Button",
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      }, otherArg, 'test', {
        anotherArg: 1
      })("color:blue;");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › existing options object

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 existing options object 1".

    - Snapshot
    + Received

    @@ -1,10 +1,10 @@
      "const Button =
      /*#__PURE__*/
      styled('button', {
        existing: true,
    -   target: "e1u6ll0g0",
    +   target: "e1ed59cp0",
        label: "Button"
      }, otherArg, 'test', {
        anotherArg: 1
      })({
        color: 'blue'

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled inline › babel 7 › comments

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 comments 1".

    - Snapshot
    + Received

      "/*#__PURE__*/
      styled("div", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("color:hotpink;");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › no use

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 no use 1".

    - Snapshot
    + Received

      "import "./emotion.emotion.css";
      styled("h1", {
        e: "css-0",
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })();"

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › no dynamic

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 no dynamic 1".

    - Snapshot
    + Received

      "import "./emotion.emotion.css";
      styled("h1", {
        e: "css-14ksm7b",
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })();
      
      
      emotion.emotion.css
      .css-14ksm7b{color:blue;}"

      123 |         '\n' +
      124 |         fs.writeFileSync.mock.calls[0][1]
    > 125 |     ).toMatchSnapshot()
          |       ^
      126 |   } else {
      127 |     expect(code).toMatchSnapshot()
      128 |     expect(fs.writeFileSync).not.toBeCalled()

      at packages/babel-plugin-emotion/test/util.js:125:7
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › dynamic fns

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 dynamic fns 1".

    - Snapshot
    + Received

      "const Avatar =
      /*#__PURE__*/
      styled('img', {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("width:96px;height:96px;border-radius:", props => props.theme.borderRadius, ";border:1px solid ", props => props.theme.borderColor, ";");"

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › more than 10 dynamic values

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 more than 10 dynamic values 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled('h1', {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("text-decoration:", 'underline', ";border-right:solid blue ", 54, "px;background:", 'white', ";color:", 'black', ";display:", 'block', ";border-radius:", '3px', ";padding:", '25px', ";width:", '500px', ";z-index:", 100, ";font-size:", '18px', ";text-align:", 'center', ";border-left:", p => p.theme.blue, ";");"

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › random expressions

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 random expressions 1".

    - Snapshot
    + Received

    @@ -2,11 +2,11 @@
      
      const a = () => "css-a-1cvrkk1";
      
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("margin:12px 48px;", "css-143zpy6", ";color:#ffffff;& .profile{", props => props.prop && a(), "}", {
        backgroundColor: "hotpink"
      }, ";");

      123 |         '\n' +
      124 |         fs.writeFileSync.mock.calls[0][1]
    > 125 |     ).toMatchSnapshot()
          |       ^
      126 |   } else {
      127 |     expect(code).toMatchSnapshot()
      128 |     expect(fs.writeFileSync).not.toBeCalled()

        
        
      at packages/babel-plugin-emotion/test/util.js:125:7
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › basic

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 basic 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("font-size:", fontSize + 'px', ";");"

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › nested

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 nested 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("font-size:", fontSize + 'px', ";& div{color:blue;& span{color:red}}");"

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › interpolation in different places

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 interpolation in different places 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("font-size:", fontSize + 'px', ";height:20px;transform:translateX(", props => props.translateX, ");height1:", something, "wow;width:w", something, "ow;transform:translateX(", props => props.translateX, ") translateY(", props => props.translateX, ");transform1:translateX(", props => props.translateX, ") translateY(", props => props.translateX, ");transform2:translateX(", props => props.translateX, ") ", props => props.translateX, ";");"

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › media query

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 media query 1".

    - Snapshot
    + Received

      "import "./emotion.emotion.css";
      const H1 = styled("h1", {
        e: "css-6skbg5",
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })();
      
      
      emotion.emotion.css
      @media print{.css-6skbg5{font-size:10pt;}}@media screen{.css-6skbg5 .child-selector{font-size:13px;}}@media screen,print{.css-6skbg5:hover + .css-6skbg5{line-height:1.2;}}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.css-6skbg5 .child-selector{line-height:1.4;}}"

      123 |         '\n' +
      124 |         fs.writeFileSync.mock.calls[0][1]
    > 125 |     ).toMatchSnapshot()
          |       ^
      126 |   } else {
      127 |     expect(code).toMatchSnapshot()
      128 |     expect(fs.writeFileSync).not.toBeCalled()

      at packages/babel-plugin-emotion/test/util.js:125:7
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › function call

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 function call 1".

    - Snapshot
    + Received

      "/*#__PURE__*/
      styled(MyComponent, {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("font-size:", fontSize + 'px', ";");"

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › objects fn call

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 objects fn call 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled('h1', {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({
        display: 'flex'
      });"

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › objects based on props

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 objects based on props 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled('h1', {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({
        padding: 10
      }, props => ({
        display: props.display
      }));"

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › shorthand property

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 shorthand property 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({
        fontSize
      });"

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › objects prefixed

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 objects prefixed 1".

    - Snapshot
    + Received

    @@ -1,9 +1,9 @@
      "const H1 =
      /*#__PURE__*/
      styled('h1', {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({
        borderRadius: '50%',
        transition: 'transform 400ms ease-in-out',
        boxSizing: 'border-box',
        display: 'flex',

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › styled. objects

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 styled. objects 1".

    - Snapshot
    + Received

      "const H1 =
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({
        padding: 10
      }, props => ({
        display: props.display
      }));"

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › styled. objects with a single spread property

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 styled. objects with a single spread property 1".

    - Snapshot
    + Received

    @@ -2,8 +2,8 @@
        fontSize: 20
      };
      const Figure =
      /*#__PURE__*/
      styled("figure", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({ ...defaultText
      });"

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › styled. objects with a multiple spread properties

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 styled. objects with a multiple spread properties 1".

    - Snapshot
    + Received

    @@ -2,9 +2,9 @@
        fontSize: 20
      };
      const Figure =
      /*#__PURE__*/
      styled("figure", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({ ...defaultText,
        ...defaultFigure
      });"

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › styled. objects with a multiple spread properties and other keys

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 styled. objects with a multiple spread properties and other keys 1".

    - Snapshot
    + Received

    @@ -2,11 +2,11 @@
        fontSize: 20
      };
      const Figure =
      /*#__PURE__*/
      styled("figure", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({ ...defaultText,
        fontSize: '20px',
        ...defaultFigure,
        ...defaultText2
      });"

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › styled objects prefixed

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 styled objects prefixed 1".

    - Snapshot
    + Received

    @@ -1,9 +1,9 @@
      "const H1 =
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })({
        borderRadius: '50%',
        transition: 'transform 400ms ease-in-out',
        boxSizing: 'border-box',
        display: 'flex',

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › composition based on props

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 composition based on props 1".

    - Snapshot
    + Received

    @@ -1,11 +1,11 @@
      "import "./emotion.emotion.css";
      const cls1 = "css-cls1-1ltut9y";
      const H1 =
      /*#__PURE__*/
      styled("h1", {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })(props => {
        return props.a ? cssA : cssB;
      }, ";font-size:", fontSize + 'px', ";height:20px;transform:translateX(", props => props.translateX, ");");

      123 |         '\n' +
      124 |         fs.writeFileSync.mock.calls[0][1]
    > 125 |     ).toMatchSnapshot()
          |       ^
      126 |   } else {
      127 |     expect(code).toMatchSnapshot()
      128 |     expect(fs.writeFileSync).not.toBeCalled()

        
        
      at packages/babel-plugin-emotion/test/util.js:125:7
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › hoisting

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 hoisting 1".

    - Snapshot
    + Received

    @@ -13,10 +13,10 @@
      
      const Profile = () => {
        const H1 =
        /*#__PURE__*/
        styled("h1", {
    -     target: "e1u6ll0g0"
    +     target: "e1ed59cp0"
        })(_ref, props => ({
          display: props.display
        }), _ref2);
      };"

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › variable import: no dynamic

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 variable import: no dynamic 1".

    - Snapshot
    + Received

      "import "./emotion.emotion.css";
      import what from 'emotion';
      what("h1", {
        e: "css-14ksm7b",
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })();
      
      
      emotion.emotion.css
      .css-14ksm7b{color:blue;}"

      123 |         '\n' +
      124 |         fs.writeFileSync.mock.calls[0][1]
    > 125 |     ).toMatchSnapshot()
          |       ^
      126 |   } else {
      127 |     expect(code).toMatchSnapshot()
      128 |     expect(fs.writeFileSync).not.toBeCalled()

      at packages/babel-plugin-emotion/test/util.js:125:7
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › config rename

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 config rename 1".

    - Snapshot
    + Received

      "import "./emotion.emotion.css";
      what("h1", {
        e: "css-14ksm7b",
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })();
      
      
      emotion.emotion.css
      .css-14ksm7b{color:blue;}"

      123 |         '\n' +
      124 |         fs.writeFileSync.mock.calls[0][1]
    > 125 |     ).toMatchSnapshot()
          |       ^
      126 |   } else {
      127 |     expect(code).toMatchSnapshot()
      128 |     expect(fs.writeFileSync).not.toBeCalled()

      at packages/babel-plugin-emotion/test/util.js:125:7
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › autoLabel object styles

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 autoLabel object styles 1".

    - Snapshot
    + Received

    @@ -1,10 +1,10 @@
      "const Profile = () => {
        const H1 =
        /*#__PURE__*/
        styled("h1", {
    -     target: "e1u6ll0g0",
    +     target: "e1ed59cp0",
          label: "H1"
        })({
          borderRadius: '50%',
          transition: 'transform 400ms ease-in-out',
          boxSizing: 'border-box',

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › autoLabel string styles

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 autoLabel string styles 1".

    - Snapshot
    + Received

    @@ -1,11 +1,11 @@
      "import "./emotion.emotion.css";
      
      const Profile = () => {
        const ProfileH1 = styled('h1', {
          e: "css-kmz3n4",
    -     target: "e1u6ll0g0"
    +     target: "e1ed59cp0"
        })();
        return <H1>Hello</H1>;
      };

      123 |         '\n' +
      124 |         fs.writeFileSync.mock.calls[0][1]
    > 125 |     ).toMatchSnapshot()
          |       ^
      126 |   } else {
      127 |     expect(code).toMatchSnapshot()
      128 |     expect(fs.writeFileSync).not.toBeCalled()

        
        
      at packages/babel-plugin-emotion/test/util.js:125:7
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › component selector

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 component selector 1".

    - Snapshot
    + Received

      "import "./emotion.emotion.css";
      const Child = styled("div", {
        e: "css-1vhj9jp",
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })();
      const SecondChild = Child.withComponent('span', {
    -   target: "e1u6ll0g1"
    +   target: "e1ed59cp1"
      });
      const Parent =
      /*#__PURE__*/
      styled("div", {
    -   target: "e1u6ll0g2"
    +   target: "e1ed59cp2"
      })(Child, "{color:blue;}", SecondChild, "{color:pink;}");
      
      
      emotion.emotion.css
      .css-1vhj9jp{color:red;}"

      123 |         '\n' +
      124 |         fs.writeFileSync.mock.calls[0][1]
    > 125 |     ).toMatchSnapshot()
          |       ^
      126 |   } else {
      127 |     expect(code).toMatchSnapshot()
      128 |     expect(fs.writeFileSync).not.toBeCalled()

      at packages/babel-plugin-emotion/test/util.js:125:7
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › existing options

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 existing options 1".

    - Snapshot
    + Received

    @@ -1,10 +1,10 @@
      "import "./emotion.emotion.css";
      const Button = styled('button', {
        existing: true,
        e: "css-1aj1g6z",
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      }, otherArg, 'test', {
        anotherArg: 1
      })();

      123 |         '\n' +
      124 |         fs.writeFileSync.mock.calls[0][1]
    > 125 |     ).toMatchSnapshot()
          |       ^
      126 |   } else {
      127 |     expect(code).toMatchSnapshot()
      128 |     expect(fs.writeFileSync).not.toBeCalled()

        
        
      at packages/babel-plugin-emotion/test/util.js:125:7
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › existing options object

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 existing options object 1".

    - Snapshot
    + Received

    @@ -1,10 +1,10 @@
      "const Button =
      /*#__PURE__*/
      styled('button', {
        existing: true,
    -   target: "e1u6ll0g0",
    +   target: "e1ed59cp0",
        label: "Button"
      }, otherArg, 'test', {
        anotherArg: 1
      })({
        color: 'blue'

      125 |     ).toMatchSnapshot()
      126 |   } else {
    > 127 |     expect(code).toMatchSnapshot()
          |                  ^
      128 |     expect(fs.writeFileSync).not.toBeCalled()
      129 |   }
      130 | }

      at packages/babel-plugin-emotion/test/util.js:127:18
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled extract › babel 7 › comments

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled extract babel 7 comments 1".

    - Snapshot
    + Received

      "import "./emotion.emotion.css";
      styled("div", {
        e: "css-n0xpvi",
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })();
      
      
      emotion.emotion.css
      .css-n0xpvi{color:hotpink;}"

      123 |         '\n' +
      124 |         fs.writeFileSync.mock.calls[0][1]
    > 125 |     ).toMatchSnapshot()
          |       ^
      126 |   } else {
      127 |     expect(code).toMatchSnapshot()
      128 |     expect(fs.writeFileSync).not.toBeCalled()

      at packages/babel-plugin-emotion/test/util.js:125:7
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

FAIL packages/babel-plugin-emotion/test/macro.test.js
  ● styled macro › babel 6 › tagged template literal member

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled macro babel 6 tagged template literal member 1".

    - Snapshot
    + Received

      "import _styled from './styled';
      
      const SomeComponent = /*#__PURE__*/_styled('div', {
    -   target: 'ef2fk0r0'
    +   target: 'e1396zxz0'
      })('display:flex;');"

      156 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      157 |   }
    > 158 |   expect(code).toMatchSnapshot()
          |                ^
      159 | }
      160 | 
      161 | export const createMacroTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:158:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled macro › babel 6 › tagged template literal function

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled macro babel 6 tagged template literal function 1".

    - Snapshot
    + Received

      "import _styled from './styled';
      
      const SomeComponent = /*#__PURE__*/_styled('div', {
    -   target: 'ef2fk0r0'
    +   target: 'e1396zxz0'
      })('display:flex;');"

      156 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      157 |   }
    > 158 |   expect(code).toMatchSnapshot()
          |                ^
      159 | }
      160 | 
      161 | export const createMacroTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:158:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled macro › babel 6 › object member

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled macro babel 6 object member 1".

    - Snapshot
    + Received

      "import _styled from './styled';
      
      const SomeComponent = /*#__PURE__*/_styled('div', {
    -   target: 'ef2fk0r0'
    +   target: 'e1396zxz0'
      })({
        display: 'flex'
      });"

      156 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      157 |   }
    > 158 |   expect(code).toMatchSnapshot()
          |                ^
      159 | }
      160 | 
      161 | export const createMacroTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:158:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled macro › babel 6 › object function

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled macro babel 6 object function 1".

    - Snapshot
    + Received

      "import _styled from './styled';
      
      const SomeComponent = /*#__PURE__*/_styled('div', {
    -   target: 'ef2fk0r0'
    +   target: 'e1396zxz0'
      })({
        display: 'flex'
      });"

      156 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      157 |   }
    > 158 |   expect(code).toMatchSnapshot()
          |                ^
      159 | }
      160 | 
      161 | export const createMacroTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:158:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled macro › babel 7 › tagged template literal member

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled macro babel 7 tagged template literal member 1".

    - Snapshot
    + Received

      "import _styled from "./styled";
      
      const SomeComponent =
      /*#__PURE__*/
      _styled("div", {
    -   target: "ef2fk0r0"
    +   target: "e1eo624e0"
      })("display:flex;");"

      156 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      157 |   }
    > 158 |   expect(code).toMatchSnapshot()
          |                ^
      159 | }
      160 | 
      161 | export const createMacroTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:158:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled macro › babel 7 › tagged template literal function

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled macro babel 7 tagged template literal function 1".

    - Snapshot
    + Received

      "import _styled from "./styled";
      
      const SomeComponent =
      /*#__PURE__*/
      _styled('div', {
    -   target: "ef2fk0r0"
    +   target: "e1eo624e0"
      })("display:flex;");"

      156 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      157 |   }
    > 158 |   expect(code).toMatchSnapshot()
          |                ^
      159 | }
      160 | 
      161 | export const createMacroTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:158:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled macro › babel 7 › object member

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled macro babel 7 object member 1".

    - Snapshot
    + Received

      "import _styled from "./styled";
      
      const SomeComponent =
      /*#__PURE__*/
      _styled("div", {
    -   target: "ef2fk0r0"
    +   target: "e1eo624e0"
      })({
        display: 'flex'
      });"

      156 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      157 |   }
    > 158 |   expect(code).toMatchSnapshot()
          |                ^
      159 | }
      160 | 
      161 | export const createMacroTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:158:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● styled macro › babel 7 › object function

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled macro babel 7 object function 1".

    - Snapshot
    + Received

      "import _styled from "./styled";
      
      const SomeComponent =
      /*#__PURE__*/
      _styled('div', {
    -   target: "ef2fk0r0"
    +   target: "e1eo624e0"
      })({
        display: 'flex'
      });"

      156 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      157 |   }
    > 158 |   expect(code).toMatchSnapshot()
          |                ^
      159 | }
      160 | 
      161 | export const createMacroTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:158:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

FAIL packages/babel-plugin-emotion/test/css-prop.test.js
  ● babel css prop inline › babel 6 › another relative custom instance

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "babel css prop inline babel 6 another relative custom instance 1".

    - Snapshot
    + Received

    - "import { css as _css } from "../my-emotion-instance";
    + "import { css as _css } from "..\\\\my-emotion-instance";
      <div className={/*#__PURE__*/_css("color:brown;")}></div>;"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● babel css prop inline › babel 7 › another relative custom instance

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "babel css prop inline babel 7 another relative custom instance 1".

    - Snapshot
    + Received

    - "import { css as _css } from "../my-emotion-instance";
    + "import { css as _css } from "..\\\\my-emotion-instance";
      <div className={
      /*#__PURE__*/
      _css("color:brown;")}></div>;"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

FAIL packages/babel-plugin-emotion/test/fs.test.js
  ● babel plugin fs › creates and writes to the custom output dir when it does not exist

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "babel plugin fs creates and writes to the custom output dir when it does not exist 2".

    - Snapshot
    + Received

    - "import "tmpdir/fs.test.emotion.css";
    + "import "tmpdir\\\\fs.test.emotion.css";
      
      "css-1yfv4zm";"

      71 |     expect(fs.writeFileSync.mock.calls[0][0]).toBe(newFilePath)
      72 |     expect(fs.writeFileSync.mock.calls[0][1]).toMatchSnapshot()
    > 73 |     expect(code).toMatchSnapshot()
         |                  ^
      74 |   })
      75 | 
      76 |   test('writes to the css file when it does exist ', () => {

      at Object.<anonymous> (packages/babel-plugin-emotion/test/fs.test.js:73:18)

FAIL packages/emotion-server/test/auto-label/auto-label.test.js
  ● extractCritical › returns static css

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "extractCritical returns static css 1".

    - Snapshot
    + Received

    @@ -104,20 +104,20 @@
        height: 50px;
        width: 50px;
        background-color: red;
      }",
        "html": 
    - <main class="css-1h80n0w-Main-hoverStyles enylr5n0"
    + <main class="css-1h80n0w-Main-hoverStyles e13j0wca0"
            data-reactroot
      >
        <img size="30"
    -        class="css-1m3qzmz-Image enylr5n1"
    +        class="css-1m3qzmz-Image e13j0wca1"
        >
        <img size="100"
    -        class="css-1m3qzmz-Image enylr5n1"
    +        class="css-1m3qzmz-Image e13j0wca1"
        >
    -   <img class="css-1m3qzmz-Image enylr5n1">
    +   <img class="css-1m3qzmz-Image e13j0wca1">
      </main>
      ,
        "ids": Array [
          "1yb14ab-getComponents",
          "1fps0gg-bounce",

      107 |     expect(
      108 |       prettyifyCritical(extractCritical(renderToString(<Page1 />)))
    > 109 |     ).toMatchSnapshot()
          |       ^
      110 |     expect(
      111 |       prettyifyCritical(extractCritical(renderToString(<Page2 />)))
      112 |     ).toMatchSnapshot()

      at Object.<anonymous> (packages/emotion-server/test/auto-label/auto-label.test.js:109:7)

  ● extractCritical › returns static css

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "extractCritical returns static css 2".

    - Snapshot
    + Received

    @@ -95,11 +95,11 @@
        background-color: lightgray;
        border-color: aqua;
        box-shadow: -15px -15px 0 0 aqua,-30px -30px 0 0 cornflowerblue;
      }",
        "html": 
    - <main class="css-1h80n0w-Main-hoverStyles enylr5n0"
    + <main class="css-1h80n0w-Main-hoverStyles e13j0wca0"
            data-reactroot
      >
        <div>
          Hello
        </div>

      110 |     expect(
      111 |       prettyifyCritical(extractCritical(renderToString(<Page2 />)))
    > 112 |     ).toMatchSnapshot()
          |       ^
      113 |   })
      114 | })
      115 | describe('hydration', () => {

      at Object.<anonymous> (packages/emotion-server/test/auto-label/auto-label.test.js:112:7)

  ● hydration › only rules that are not in the critical css are inserted

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "hydration only rules that are not in the critical css are inserted 1".

    - Snapshot
    + Received

    @@ -104,20 +104,20 @@
        height: 50px;
        width: 50px;
        background-color: red;
      }",
        "html": 
    - <main class="css-1h80n0w-Main-hoverStyles enylr5n0"
    + <main class="css-1h80n0w-Main-hoverStyles e13j0wca0"
            data-reactroot
      >
        <img size="30"
    -        class="css-1m3qzmz-Image enylr5n1"
    +        class="css-1m3qzmz-Image e13j0wca1"
        >
        <img size="100"
    -        class="css-1m3qzmz-Image enylr5n1"
    +        class="css-1m3qzmz-Image e13j0wca1"
        >
    -   <img class="css-1m3qzmz-Image enylr5n1">
    +   <img class="css-1m3qzmz-Image e13j0wca1">
      </main>
      ,
        "ids": Array [
          "1yb14ab-getComponents",
          "1fps0gg-bounce",

      117 |     const { Page1 } = getComponents()
      118 |     const { html, ids, css } = extractCritical(renderToString(<Page1 />))
    > 119 |     expect(prettyifyCritical({ html, css, ids })).toMatchSnapshot()
          |                                                   ^
      120 |     flush()
      121 | 
      122 |     hydrate(ids)

      at Object.<anonymous> (packages/emotion-server/test/auto-label/auto-label.test.js:119:51)

FAIL packages/create-emotion/test/stream.test.js
  ● renderStylesToNodeStream › renders styles with ids

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "renderStylesToNodeStream renders styles with ids 1".

    - Snapshot
    + Received

      <style data-emotion-some-key="4xq7ky lu7y12 16qlhaj hbhpyh"
             nonce="some-nonce"
      >
        @font-face{font-family:'Patrick Hand SC';font-style:normal;font-weight:400;src:local('Patrick Hand SC'),local('PatrickHandSC-Regular'),url(https://fonts.gstatic.com/s/patrickhandsc/v4/OYFWCgfCR-7uHIovjUZXsZ71Uis0Qeb9Gqo8IZV7ckE.woff2) format('woff2');unicode-range:U+0100-024f,U+1-1eff,U+20a0-20ab,U+20ad-20cf,U+2c60-2c7f,U+A720-A7FF;}@-webkit-keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}@keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}.no-prefix{display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.some-key-4xq7ky{color:hotpink;display:flex;}.some-key-4xq7ky:hover{color:white;background-color:lightgray;border-color:aqua;box-shadow:15px -15px 0 0 aqua,-30px -30px 0 0 cornflowerblue;}
      </style>
    - <main class="some-key-4xq7ky e126fyao0"
    + <main class="some-key-4xq7ky e1prcv720"
            data-reactroot
      >
        <style data-emotion-some-key="z382ib"
               nonce="some-nonce"
        >
          .some-key-z382ib{-webkit-animation:animation-16qlhaj;animation:animation-16qlhaj;border-radius:50%;height:50px;width:50px;background-color:red;}
        </style>
        <img size="30"
    -        class="some-key-z382ib e126fyao1"
    +        class="some-key-z382ib e1prcv721"
        >
        <img size="100"
    -        class="some-key-z382ib e126fyao1"
    +        class="some-key-z382ib e1prcv721"
        >
    -   <img class="some-key-z382ib e126fyao1">
    +   <img class="some-key-z382ib e1prcv721">
      </main>

      31 |     expect(
      32 |       await renderToStringWithStream(<Page1 />, emotionServer)
    > 33 |     ).toMatchSnapshot()
         |       ^
      34 |     expect(
      35 |       await renderToStringWithStream(<Page2 />, emotionServer)
      36 |     ).toMatchSnapshot()

      at Object._callee$ (packages/create-emotion/test/stream.test.js:33:7)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (packages/create-emotion/test/stream.test.js:13:103)
      at _next (packages/create-emotion/test/stream.test.js:15:194)

  ● renderStylesToNodeStream › renders styles with ids

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "renderStylesToNodeStream renders styles with ids 2".

    - Snapshot
    + Received

    @@ -1,11 +1,11 @@
      <style data-emotion-some-key="4xq7ky lu7y12 16qlhaj hbhpyh"
             nonce="some-nonce"
      >
        @font-face{font-family:'Patrick Hand SC';font-style:normal;font-weight:400;src:local('Patrick Hand SC'),local('PatrickHandSC-Regular'),url(https://fonts.gstatic.com/s/patrickhandsc/v4/OYFWCgfCR-7uHIovjUZXsZ71Uis0Qeb9Gqo8IZV7ckE.woff2) format('woff2');unicode-range:U+0100-024f,U+1-1eff,U+20a0-20ab,U+20ad-20cf,U+2c60-2c7f,U+A720-A7FF;}@-webkit-keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}@keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}.no-prefix{display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.some-key-4xq7ky{color:hotpink;display:flex;}.some-key-4xq7ky:hover{color:white;background-color:lightgray;border-color:aqua;box-shadow:15px -15px 0 0 aqua,-30px -30px 0 0 cornflowerblue;}
      </style>
    - <main class="some-key-4xq7ky e126fyao0"
    + <main class="some-key-4xq7ky e1prcv720"
            data-reactroot
      >
        <div>
          Hello
        </div>

      34 |     expect(
      35 |       await renderToStringWithStream(<Page2 />, emotionServer)
    > 36 |     ).toMatchSnapshot()
         |       ^
      37 |   })
      38 |   test('renders large recursive component', async () => {
      39 |     const BigComponent = createBigComponent(emotion)

      at Object._callee$ (packages/create-emotion/test/stream.test.js:36:7)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (packages/create-emotion/test/stream.test.js:13:103)
      at _next (packages/create-emotion/test/stream.test.js:15:194)

  ● hydration › only inserts rules that are not in the critical css

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "hydration only inserts rules that are not in the critical css 1".

    - Snapshot
    + Received

      <style data-emotion-some-key="4xq7ky lu7y12 16qlhaj hbhpyh"
             nonce="some-nonce"
      >
        @font-face{font-family:'Patrick Hand SC';font-style:normal;font-weight:400;src:local('Patrick Hand SC'),local('PatrickHandSC-Regular'),url(https://fonts.gstatic.com/s/patrickhandsc/v4/OYFWCgfCR-7uHIovjUZXsZ71Uis0Qeb9Gqo8IZV7ckE.woff2) format('woff2');unicode-range:U+0100-024f,U+1-1eff,U+20a0-20ab,U+20ad-20cf,U+2c60-2c7f,U+A720-A7FF;}@-webkit-keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}@keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}.no-prefix{display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.some-key-4xq7ky{color:hotpink;display:flex;}.some-key-4xq7ky:hover{color:white;background-color:lightgray;border-color:aqua;box-shadow:15px -15px 0 0 aqua,-30px -30px 0 0 cornflowerblue;}
      </style>
    - <main class="some-key-4xq7ky e126fyao0"
    + <main class="some-key-4xq7ky e1prcv720"
            data-reactroot
      >
        <style data-emotion-some-key="z382ib"
               nonce="some-nonce"
        >
          .some-key-z382ib{-webkit-animation:animation-16qlhaj;animation:animation-16qlhaj;border-radius:50%;height:50px;width:50px;background-color:red;}
        </style>
        <img size="30"
    -        class="some-key-z382ib e126fyao1"
    +        class="some-key-z382ib e1prcv721"
        >
        <img size="100"
    -        class="some-key-z382ib e126fyao1"
    +        class="some-key-z382ib e1prcv721"
        >
    -   <img class="some-key-z382ib e126fyao1">
    +   <img class="some-key-z382ib e1prcv721">
      </main>

      61 |     const { Page1 } = getComponents(emotion, reactEmotion)
      62 |     const html = await renderToStringWithStream(<Page1 />, emotionServer)
    > 63 |     expect(html).toMatchSnapshot()
         |                  ^
      64 |     const { window } = new JSDOM(html)
      65 |     global.document = window.document
      66 |     global.window = window

      at Object._callee3$ (packages/create-emotion/test/stream.test.js:63:18)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (packages/create-emotion/test/stream.test.js:13:103)
      at _next (packages/create-emotion/test/stream.test.js:15:194)

FAIL packages/create-emotion/test/inline.test.js
  ● renderStylesToString › renders styles with ids

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "renderStylesToString renders styles with ids 1".

    - Snapshot
    + Received

    @@ -6,21 +6,21 @@
      <style data-emotion-some-key="4xq7ky"
             nonce="some-nonce"
      >
        .some-key-4xq7ky{color:hotpink;display:flex;}.some-key-4xq7ky:hover{color:white;background-color:lightgray;border-color:aqua;box-shadow:15px -15px 0 0 aqua,-30px -30px 0 0 cornflowerblue;}
      </style>
    - <main class="some-key-4xq7ky e126fyao0"
    + <main class="some-key-4xq7ky e1prcv720"
            data-reactroot
      >
        <style data-emotion-some-key="z382ib"
               nonce="some-nonce"
        >
          .some-key-z382ib{-webkit-animation:animation-16qlhaj;animation:animation-16qlhaj;border-radius:50%;height:50px;width:50px;background-color:red;}
        </style>
        <img size="30"
    -        class="some-key-z382ib e126fyao1"
    +        class="some-key-z382ib e1prcv721"
        >
        <img size="100"
    -        class="some-key-z382ib e126fyao1"
    +        class="some-key-z382ib e1prcv721"
        >
    -   <img class="some-key-z382ib e126fyao1">
    +   <img class="some-key-z382ib e1prcv721">
      </main>

      30 |     expect(
      31 |       emotionServer.renderStylesToString(renderToString(<Page1 />))
    > 32 |     ).toMatchSnapshot()
         |       ^
      33 |     expect(
      34 |       emotionServer.renderStylesToString(renderToString(<Page2 />))
      35 |     ).toMatchSnapshot()

      at Object.<anonymous> (packages/create-emotion/test/inline.test.js:32:7)

  ● renderStylesToString › renders styles with ids

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "renderStylesToString renders styles with ids 2".

    - Snapshot
    + Received

    @@ -6,11 +6,11 @@
      <style data-emotion-some-key="4xq7ky"
             nonce="some-nonce"
      >
        .some-key-4xq7ky{color:hotpink;display:flex;}.some-key-4xq7ky:hover{color:white;background-color:lightgray;border-color:aqua;box-shadow:15px -15px 0 0 aqua,-30px -30px 0 0 cornflowerblue;}
      </style>
    - <main class="some-key-4xq7ky e126fyao0"
    + <main class="some-key-4xq7ky e1prcv720"
            data-reactroot
      >
        <div>
          Hello
        </div>

      33 |     expect(
      34 |       emotionServer.renderStylesToString(renderToString(<Page2 />))
    > 35 |     ).toMatchSnapshot()
         |       ^
      36 |   })
      37 |   test('renders large recursive component', () => {
      38 |     const BigComponent = createBigComponent(emotion)

      at Object.<anonymous> (packages/create-emotion/test/inline.test.js:35:7)

  ● hydration › only inserts rules that are not in the critical css

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "hydration only inserts rules that are not in the critical css 1".

    - Snapshot
    + Received

    @@ -6,21 +6,21 @@
      <style data-emotion-some-key="4xq7ky"
             nonce="some-nonce"
      >
        .some-key-4xq7ky{color:hotpink;display:flex;}.some-key-4xq7ky:hover{color:white;background-color:lightgray;border-color:aqua;box-shadow:15px -15px 0 0 aqua,-30px -30px 0 0 cornflowerblue;}
      </style>
    - <main class="some-key-4xq7ky e126fyao0"
    + <main class="some-key-4xq7ky e1prcv720"
            data-reactroot
      >
        <style data-emotion-some-key="z382ib"
               nonce="some-nonce"
        >
          .some-key-z382ib{-webkit-animation:animation-16qlhaj;animation:animation-16qlhaj;border-radius:50%;height:50px;width:50px;background-color:red;}
        </style>
        <img size="30"
    -        class="some-key-z382ib e126fyao1"
    +        class="some-key-z382ib e1prcv721"
        >
        <img size="100"
    -        class="some-key-z382ib e126fyao1"
    +        class="some-key-z382ib e1prcv721"
        >
    -   <img class="some-key-z382ib e126fyao1">
    +   <img class="some-key-z382ib e1prcv721">
      </main>

      59 |     const { Page1 } = getComponents(emotion, reactEmotion)
      60 |     const html = emotionServer.renderStylesToString(renderToString(<Page1 />))
    > 61 |     expect(html).toMatchSnapshot()
         |                  ^
      62 |     const { window } = new JSDOM(html)
      63 |     global.document = window.document
      64 |     global.window = window

      at Object.<anonymous> (packages/create-emotion/test/inline.test.js:61:18)

FAIL packages/emotion-server/test/stream.test.js
  ● renderStylesToNodeStream › renders styles with ids

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "renderStylesToNodeStream renders styles with ids 1".

    - Snapshot
    + Received

      <style data-emotion-css="4xq7ky lu7y12 16qlhaj hbhpyh">
        @font-face{font-family:'Patrick Hand SC';font-style:normal;font-weight:400;src:local('Patrick Hand SC'),local('PatrickHandSC-Regular'),url(https://fonts.gstatic.com/s/patrickhandsc/v4/OYFWCgfCR-7uHIovjUZXsZ71Uis0Qeb9Gqo8IZV7ckE.woff2) format('woff2');unicode-range:U+0100-024f,U+1-1eff,U+20a0-20ab,U+20ad-20cf,U+2c60-2c7f,U+A720-A7FF;}@-webkit-keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}@keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}.no-prefix{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.css-4xq7ky{color:hotpink;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.css-4xq7ky:hover{color:white;background-color:lightgray;border-color:aqua;box-shadow:-15px -15px 0 0 aqua,-30px -30px 0 0 cornflowerblue;}
      </style>
    - <main class="css-4xq7ky e126fyao0"
    + <main class="css-4xq7ky e1prcv720"
            data-reactroot
      >
        <style data-emotion-css="z382ib">
          .css-z382ib{-webkit-animation:animation-16qlhaj;animation:animation-16qlhaj;border-radius:50%;height:50px;width:50px;background-color:red;}
        </style>
        <img size="30"
    -        class="css-z382ib e126fyao1"
    +        class="css-z382ib e1prcv721"
        >
        <img size="100"
    -        class="css-z382ib e126fyao1"
    +        class="css-z382ib e1prcv721"
        >
    -   <img class="css-z382ib e126fyao1">
    +   <img class="css-z382ib e1prcv721">
      </main>

      31 |     expect(
      32 |       await renderToStringWithStream(<Page1 />, emotionServer)
    > 33 |     ).toMatchSnapshot()
         |       ^
      34 |     expect(
      35 |       await renderToStringWithStream(<Page2 />, emotionServer)
      36 |     ).toMatchSnapshot()

      at Object._callee$ (packages/emotion-server/test/stream.test.js:33:7)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (packages/emotion-server/test/stream.test.js:13:103)
      at _next (packages/emotion-server/test/stream.test.js:15:194)

  ● renderStylesToNodeStream › renders styles with ids

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "renderStylesToNodeStream renders styles with ids 2".

    - Snapshot
    + Received

    @@ -1,9 +1,9 @@
      <style data-emotion-css="4xq7ky lu7y12 16qlhaj hbhpyh">
        @font-face{font-family:'Patrick Hand SC';font-style:normal;font-weight:400;src:local('Patrick Hand SC'),local('PatrickHandSC-Regular'),url(https://fonts.gstatic.com/s/patrickhandsc/v4/OYFWCgfCR-7uHIovjUZXsZ71Uis0Qeb9Gqo8IZV7ckE.woff2) format('woff2');unicode-range:U+0100-024f,U+1-1eff,U+20a0-20ab,U+20ad-20cf,U+2c60-2c7f,U+A720-A7FF;}@-webkit-keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}@keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}.no-prefix{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.css-4xq7ky{color:hotpink;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.css-4xq7ky:hover{color:white;background-color:lightgray;border-color:aqua;box-shadow:-15px -15px 0 0 aqua,-30px -30px 0 0 cornflowerblue;}
      </style>
    - <main class="css-4xq7ky e126fyao0"
    + <main class="css-4xq7ky e1prcv720"
            data-reactroot
      >
        <div>
          Hello
        </div>

      34 |     expect(
      35 |       await renderToStringWithStream(<Page2 />, emotionServer)
    > 36 |     ).toMatchSnapshot()
         |       ^
      37 |   })
      38 |   test('renders large recursive component', async () => {
      39 |     const BigComponent = createBigComponent(emotion)

      at Object._callee$ (packages/emotion-server/test/stream.test.js:36:7)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (packages/emotion-server/test/stream.test.js:13:103)
      at _next (packages/emotion-server/test/stream.test.js:15:194)

  ● hydration › only inserts rules that are not in the critical css

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "hydration only inserts rules that are not in the critical css 1".

    - Snapshot
    + Received

      <style data-emotion-css="4xq7ky lu7y12 16qlhaj hbhpyh">
        @font-face{font-family:'Patrick Hand SC';font-style:normal;font-weight:400;src:local('Patrick Hand SC'),local('PatrickHandSC-Regular'),url(https://fonts.gstatic.com/s/patrickhandsc/v4/OYFWCgfCR-7uHIovjUZXsZ71Uis0Qeb9Gqo8IZV7ckE.woff2) format('woff2');unicode-range:U+0100-024f,U+1-1eff,U+20a0-20ab,U+20ad-20cf,U+2c60-2c7f,U+A720-A7FF;}@-webkit-keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}@keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}.no-prefix{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.css-4xq7ky{color:hotpink;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.css-4xq7ky:hover{color:white;background-color:lightgray;border-color:aqua;box-shadow:-15px -15px 0 0 aqua,-30px -30px 0 0 cornflowerblue;}
      </style>
    - <main class="css-4xq7ky e126fyao0"
    + <main class="css-4xq7ky e1prcv720"
            data-reactroot
      >
        <style data-emotion-css="z382ib">
          .css-z382ib{-webkit-animation:animation-16qlhaj;animation:animation-16qlhaj;border-radius:50%;height:50px;width:50px;background-color:red;}
        </style>
        <img size="30"
    -        class="css-z382ib e126fyao1"
    +        class="css-z382ib e1prcv721"
        >
        <img size="100"
    -        class="css-z382ib e126fyao1"
    +        class="css-z382ib e1prcv721"
        >
    -   <img class="css-z382ib e126fyao1">
    +   <img class="css-z382ib e1prcv721">
      </main>

      61 |     const { Page1 } = getComponents(emotion, reactEmotion)
      62 |     const html = await renderToStringWithStream(<Page1 />, emotionServer)
    > 63 |     expect(html).toMatchSnapshot()
         |                  ^
      64 |     const { window } = new JSDOM(html)
      65 |     global.document = window.document
      66 |     global.window = window

      at Object._callee3$ (packages/emotion-server/test/stream.test.js:63:18)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (packages/emotion-server/test/stream.test.js:13:103)
      at _next (packages/emotion-server/test/stream.test.js:15:194)

FAIL packages/emotion-server/test/inline.test.js
  ● renderStylesToString › renders styles with ids

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "renderStylesToString renders styles with ids 1".

    - Snapshot
    + Received

    @@ -2,19 +2,19 @@
        @font-face{font-family:'Patrick Hand SC';font-style:normal;font-weight:400;src:local('Patrick Hand SC'),local('PatrickHandSC-Regular'),url(https://fonts.gstatic.com/s/patrickhandsc/v4/OYFWCgfCR-7uHIovjUZXsZ71Uis0Qeb9Gqo8IZV7ckE.woff2) format('woff2');unicode-range:U+0100-024f,U+1-1eff,U+20a0-20ab,U+20ad-20cf,U+2c60-2c7f,U+A720-A7FF;}@-webkit-keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}@keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}.no-prefix{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
      </style>
      <style data-emotion-css="4xq7ky">
        .css-4xq7ky{color:hotpink;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.css-4xq7ky:hover{color:white;background-color:lightgray;border-color:aqua;box-shadow:-15px -15px 0 0 aqua,-30px -30px 0 0 cornflowerblue;}
      </style>
    - <main class="css-4xq7ky e126fyao0"
    + <main class="css-4xq7ky e1prcv720"
            data-reactroot
      >
        <style data-emotion-css="z382ib">
          .css-z382ib{-webkit-animation:animation-16qlhaj;animation:animation-16qlhaj;border-radius:50%;height:50px;width:50px;background-color:red;}
        </style>
        <img size="30"
    -        class="css-z382ib e126fyao1"
    +        class="css-z382ib e1prcv721"
        >
        <img size="100"
    -        class="css-z382ib e126fyao1"
    +        class="css-z382ib e1prcv721"
        >
    -   <img class="css-z382ib e126fyao1">
    +   <img class="css-z382ib e1prcv721">
      </main>

      30 |     expect(
      31 |       emotionServer.renderStylesToString(renderToString(<Page1 />))
    > 32 |     ).toMatchSnapshot()
         |       ^
      33 |     expect(
      34 |       emotionServer.renderStylesToString(renderToString(<Page2 />))
      35 |     ).toMatchSnapshot()

      at Object.<anonymous> (packages/emotion-server/test/inline.test.js:32:7)

  ● renderStylesToString › renders styles with ids

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "renderStylesToString renders styles with ids 2".

    - Snapshot
    + Received

    @@ -2,11 +2,11 @@
        @font-face{font-family:'Patrick Hand SC';font-style:normal;font-weight:400;src:local('Patrick Hand SC'),local('PatrickHandSC-Regular'),url(https://fonts.gstatic.com/s/patrickhandsc/v4/OYFWCgfCR-7uHIovjUZXsZ71Uis0Qeb9Gqo8IZV7ckE.woff2) format('woff2');unicode-range:U+0100-024f,U+1-1eff,U+20a0-20ab,U+20ad-20cf,U+2c60-2c7f,U+A720-A7FF;}@-webkit-keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}@keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}.no-prefix{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
      </style>
      <style data-emotion-css="4xq7ky">
        .css-4xq7ky{color:hotpink;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.css-4xq7ky:hover{color:white;background-color:lightgray;border-color:aqua;box-shadow:-15px -15px 0 0 aqua,-30px -30px 0 0 cornflowerblue;}
      </style>
    - <main class="css-4xq7ky e126fyao0"
    + <main class="css-4xq7ky e1prcv720"
            data-reactroot
      >
        <div>
          Hello
        </div>

      33 |     expect(
      34 |       emotionServer.renderStylesToString(renderToString(<Page2 />))
    > 35 |     ).toMatchSnapshot()
         |       ^
      36 |   })
      37 |   test('renders large recursive component', () => {
      38 |     const BigComponent = createBigComponent(emotion)

      at Object.<anonymous> (packages/emotion-server/test/inline.test.js:35:7)

  ● hydration › only inserts rules that are not in the critical css

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "hydration only inserts rules that are not in the critical css 1".

    - Snapshot
    + Received

    @@ -2,19 +2,19 @@
        @font-face{font-family:'Patrick Hand SC';font-style:normal;font-weight:400;src:local('Patrick Hand SC'),local('PatrickHandSC-Regular'),url(https://fonts.gstatic.com/s/patrickhandsc/v4/OYFWCgfCR-7uHIovjUZXsZ71Uis0Qeb9Gqo8IZV7ckE.woff2) format('woff2');unicode-range:U+0100-024f,U+1-1eff,U+20a0-20ab,U+20ad-20cf,U+2c60-2c7f,U+A720-A7FF;}@-webkit-keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}@keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}.no-prefix{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
      </style>
      <style data-emotion-css="4xq7ky">
        .css-4xq7ky{color:hotpink;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.css-4xq7ky:hover{color:white;background-color:lightgray;border-color:aqua;box-shadow:-15px -15px 0 0 aqua,-30px -30px 0 0 cornflowerblue;}
      </style>
    - <main class="css-4xq7ky e126fyao0"
    + <main class="css-4xq7ky e1prcv720"
            data-reactroot
      >
        <style data-emotion-css="z382ib">
          .css-z382ib{-webkit-animation:animation-16qlhaj;animation:animation-16qlhaj;border-radius:50%;height:50px;width:50px;background-color:red;}
        </style>
        <img size="30"
    -        class="css-z382ib e126fyao1"
    +        class="css-z382ib e1prcv721"
        >
        <img size="100"
    -        class="css-z382ib e126fyao1"
    +        class="css-z382ib e1prcv721"
        >
    -   <img class="css-z382ib e126fyao1">
    +   <img class="css-z382ib e1prcv721">
      </main>

      59 |     const { Page1 } = getComponents(emotion, reactEmotion)
      60 |     const html = emotionServer.renderStylesToString(renderToString(<Page1 />))
    > 61 |     expect(html).toMatchSnapshot()
         |                  ^
      62 |     const { window } = new JSDOM(html)
      63 |     global.document = window.document
      64 |     global.window = window

      at Object.<anonymous> (packages/emotion-server/test/inline.test.js:61:18)

FAIL packages/babel-plugin-emotion/test/source-map.test.js
  ● source map › babel 7 › styled object styles source map

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "source map babel 7 styled object styles source map 1".

    - Snapshot
    + Received

    @@ -1,8 +1,8 @@
      "/*#__PURE__*/
      styled('div', {
    -   target: "eev0nov0"
    +   target: "e15fccgk0"
      })({
        color: 'blue',
        '&:hover': {
          '& .name': {
            color: 'amethyst',

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

  ● source map › babel 7 › styled source map

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "source map babel 7 styled source map 1".

    - Snapshot
    + Received

      "const Avatar =
      /*#__PURE__*/
      styled('img', {
    -   target: "e1phmxw70"
    +   target: "e3papt90"
      })("width:96px;height:96px;border-radius:", props => props.theme.borderRadius, ";border:1px solid ", props => props.theme.borderColor, ";/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZC5zb3VyY2UtbWFwLnRlc3QuanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQTRCIiwiZmlsZSI6InN0eWxlZC5zb3VyY2UtbWFwLnRlc3QuanMiLCJzb3VyY2VzQ29udGVudCI6WyJjb25zdCBBdmF0YXIgPSBzdHlsZWQoJ2ltZycpYFxuICAgICAgICB3aWR0aDogOTZweDtcbiAgICAgICAgaGVpZ2h0OiA5NnB4O1xuXG4gICAgICAgIGJvcmRlci1yYWRpdXM6ICR7cHJvcHMgPT5cbiAgICAgICAgICBwcm9wcy50aGVtZS5ib3JkZXJSYWRpdXN9O1xuXG4gICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7cHJvcHMgPT5cbiAgICAgICAgICBwcm9wcy50aGVtZS5ib3JkZXJDb2xvcn07XG4gICAgICBgIl19 */");"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

FAIL packages/react-emotion/test/component-selectors/component-selector.test.js
  ● component as selector

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "component as selector 2".

    - Snapshot
    + Received

    @@ -1,13 +1,13 @@
    - ".css-112oqv {
    + ".css-1yaflyb {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
      }
      
    - .css-112oqv .eqeli5r0 {
    + .css-1yaflyb .eij922y0 {
        color: green;
      }
      
      .css-bk9fzy {
        font-size: 20px;

      28 | 
      29 |   expect(tree).toMatchSnapshot()
    > 30 |   expect(sheet).toMatchSnapshot()
         |                 ^
      31 | })
      32 | 
      33 | test('component as selector function interpolation', () => {

      at Object.<anonymous> (packages/react-emotion/test/component-selectors/component-selector.test.js:30:17)

  ● component as selector function interpolation

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "component as selector function interpolation 2".

    - Snapshot
    + Received

    @@ -1,13 +1,13 @@
    - ".css-36srpd {
    + ".css-fxikay {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
      }
      
    - .css-36srpd .eqeli5r2 {
    + .css-fxikay .eij922y2 {
        color: green;
      }
      
      .css-bk9fzy {
        font-size: 20px;

      52 | 
      53 |   expect(tree).toMatchSnapshot()
    > 54 |   expect(sheet).toMatchSnapshot()
         |                 ^
      55 | })
      56 | 
      57 | test('component as selector (object syntax)', () => {

      at Object.<anonymous> (packages/react-emotion/test/component-selectors/component-selector.test.js:54:17)

  ● component as selector (object syntax)

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "component as selector (object syntax) 2".

    - Snapshot
    + Received

    @@ -1,13 +1,13 @@
    - ".css-1qozo52 {
    + ".css-1jaget0 {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
      }
      
    - .css-1qozo52 .eqeli5r4 {
    + .css-1jaget0 .eij922y4 {
        color: green;
      }
      
      .css-bk9fzy {
        font-size: 20px;

      75 | 
      76 |   expect(tree).toMatchSnapshot()
    > 77 |   expect(sheet).toMatchSnapshot()
         |                 ^
      78 | })
      79 | 
      80 | test('component as selector function interpolation (object syntax)', () => {

      at Object.<anonymous> (packages/react-emotion/test/component-selectors/component-selector.test.js:77:17)

  ● component as selector function interpolation (object syntax)

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "component as selector function interpolation (object syntax) 2".

    - Snapshot
    + Received

    @@ -1,13 +1,13 @@
    - ".css-6641zl {
    + ".css-1ccpp9w {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
      }
      
    - .css-6641zl .eqeli5r6 {
    + .css-1ccpp9w .eij922y6 {
        color: green;
      }
      
      .css-bk9fzy {
        font-size: 20px;

       99 | 
      100 |   expect(tree).toMatchSnapshot()
    > 101 |   expect(sheet).toMatchSnapshot()
          |                 ^
      102 | })
      103 | 

      at Object.<anonymous> (packages/react-emotion/test/component-selectors/component-selector.test.js:101:17)

FAIL packages/emotion-server/test/index.test.js
  ● extractCritical › returns static css

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "extractCritical returns static css 1".

    - Snapshot
    + Received

    @@ -104,20 +104,20 @@
        height: 50px;
        width: 50px;
        background-color: red;
      }",
        "html": 
    - <main class="css-4xq7ky e126fyao0"
    + <main class="css-4xq7ky e1prcv720"
            data-reactroot
      >
        <img size="30"
    -        class="css-z382ib e126fyao1"
    +        class="css-z382ib e1prcv721"
        >
        <img size="100"
    -        class="css-z382ib e126fyao1"
    +        class="css-z382ib e1prcv721"
        >
    -   <img class="css-z382ib e126fyao1">
    +   <img class="css-z382ib e1prcv721">
      </main>
      ,
        "ids": Array [
          "lu7y12",
          "16qlhaj",

      18 |         emotionServer.extractCritical(renderToString(<Page1 />))
      19 |       )
    > 20 |     ).toMatchSnapshot()
         |       ^
      21 |     expect(
      22 |       prettyifyCritical(
      23 |         emotionServer.extractCritical(renderToString(<Page2 />))

      at Object.<anonymous> (packages/emotion-server/test/index.test.js:20:7)

  ● extractCritical › returns static css

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "extractCritical returns static css 2".

    - Snapshot
    + Received

    @@ -95,11 +95,11 @@
        background-color: lightgray;
        border-color: aqua;
        box-shadow: -15px -15px 0 0 aqua,-30px -30px 0 0 cornflowerblue;
      }",
        "html": 
    - <main class="css-4xq7ky e126fyao0"
    + <main class="css-4xq7ky e1prcv720"
            data-reactroot
      >
        <div>
          Hello
        </div>

      23 |         emotionServer.extractCritical(renderToString(<Page2 />))
      24 |       )
    > 25 |     ).toMatchSnapshot()
         |       ^
      26 |   })
      27 | })
      28 | describe('hydration', () => {

      at Object.<anonymous> (packages/emotion-server/test/index.test.js:25:7)

  ● hydration › only rules that are not in the critical css are inserted

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "hydration only rules that are not in the critical css are inserted 1".

    - Snapshot
    + Received

    @@ -104,20 +104,20 @@
        height: 50px;
        width: 50px;
        background-color: red;
      }",
        "html": 
    - <main class="css-4xq7ky e126fyao0"
    + <main class="css-4xq7ky e1prcv720"
            data-reactroot
      >
        <img size="30"
    -        class="css-z382ib e126fyao1"
    +        class="css-z382ib e1prcv721"
        >
        <img size="100"
    -        class="css-z382ib e126fyao1"
    +        class="css-z382ib e1prcv721"
        >
    -   <img class="css-z382ib e126fyao1">
    +   <img class="css-z382ib e1prcv721">
      </main>
      ,
        "ids": Array [
          "lu7y12",
          "16qlhaj",

      32 |       renderToString(<Page1 />)
      33 |     )
    > 34 |     expect(prettyifyCritical({ html, css, ids })).toMatchSnapshot()
         |                                                   ^
      35 |     jest.resetModules()
      36 |     global.__SECRET_EMOTION__ = undefined
      37 |     emotion = require('emotion')

      at Object.<anonymous> (packages/emotion-server/test/index.test.js:34:51)

FAIL packages/create-emotion/test/ssr-multiple-create-calls.test.js
  ● multiple createEmotion calls with the same context are the same

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "multiple createEmotion calls with the same context are the same 1".

    - Snapshot
    + Received

    @@ -2,19 +2,19 @@
        @font-face{font-family:'Patrick Hand SC';font-style:normal;font-weight:400;src:local('Patrick Hand SC'),local('PatrickHandSC-Regular'),url(https://fonts.gstatic.com/s/patrickhandsc/v4/OYFWCgfCR-7uHIovjUZXsZ71Uis0Qeb9Gqo8IZV7ckE.woff2) format('woff2');unicode-range:U+0100-024f,U+1-1eff,U+20a0-20ab,U+20ad-20cf,U+2c60-2c7f,U+A720-A7FF;}@-webkit-keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}@keyframes animation-16qlhaj{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0);}70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0);}90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}}.no-prefix{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
      </style>
      <style data-emotion-css="4xq7ky">
        .css-4xq7ky{color:hotpink;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.css-4xq7ky:hover{color:white;background-color:lightgray;border-color:aqua;box-shadow:-15px -15px 0 0 aqua,-30px -30px 0 0 cornflowerblue;}
      </style>
    - <main class="css-4xq7ky e126fyao0"
    + <main class="css-4xq7ky e1prcv720"
            data-reactroot
      >
        <style data-emotion-css="z382ib">
          .css-z382ib{-webkit-animation:animation-16qlhaj;animation:animation-16qlhaj;border-radius:50%;height:50px;width:50px;background-color:red;}
        </style>
        <img size="30"
    -        class="css-z382ib e126fyao1"
    +        class="css-z382ib e1prcv721"
        >
        <img size="100"
    -        class="css-z382ib e126fyao1"
    +        class="css-z382ib e1prcv721"
        >
    -   <img class="css-z382ib e126fyao1">
    +   <img class="css-z382ib e1prcv721">
      </main>

      26 |   )
      27 |   expect(one).toEqual(two)
    > 28 |   expect(one).toMatchSnapshot()
         |               ^
      29 | })
      30 | 

      at Object.<anonymous> (packages/create-emotion/test/ssr-multiple-create-calls.test.js:28:15)

FAIL packages/emotion/test/component-selector.test.js
  ● component selector › should be converted to use the emotion target className

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "component selector should be converted to use the emotion target className 2".

    - Snapshot
    + Received

    @@ -1,6 +1,6 @@
    - ".css-jww4zs .e42j9n60 {
    + ".css-y3clhl .e1y2fqfu0 {
        color: red;
      }
      
      .css-14ksm7b {
        color: blue;

      26 |       .toJSON()
      27 |     expect(tree).toMatchSnapshot()
    > 28 |     expect(sheet).toMatchSnapshot()
         |                   ^
      29 |   })
      30 | })
      31 | 

      at Object.<anonymous> (packages/emotion/test/component-selector.test.js:28:19)

FAIL packages/babel-plugin-emotion/test/primitives.test.js
  ● styled inline › babel 7 › does not change call expressions

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "styled inline babel 7 does not change call expressions 1".

    - Snapshot
    + Received

      "/*#__PURE__*/
      styled('SomeFakeComponent', {
    -   target: "e1u6ll0g0"
    +   target: "e1ed59cp0"
      })("color:hotpink;");
      
      /*#__PURE__*/
      styled('SomeFakeComponent', {
    -   target: "e1u6ll0g1"
    +   target: "e1ed59cp1"
      })({});"

      78 |     expect(() => checkDuplicatedNodes(babel, ast)).not.toThrow()
      79 |   }
    > 80 |   expect(code).toMatchSnapshot()
         |                ^
      81 | }
      82 | 
      83 | export const createInlineTests = (title: string, cases: EmotionTestCases) => {

      at packages/babel-plugin-emotion/test/util.js:80:16
      at Object.cb (node_modules/jest-in-case/index.js:40:20)

FAIL next-packages/babel-plugin-core/__tests__/styled.js
  ● @emotion/babel-plugin-core styled › basic

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "@emotion/babel-plugin-core styled basic 1".

    - Snapshot
    + Received

    @@ -8,8 +8,8 @@
            ↓ ↓ ↓ ↓ ↓ ↓
      
      import _styled from "@emotion/styled-base";
      
      const SomeComponent = _styled("div", {
    -   target: "eddbda30",
    +   target: "e7j77md0",
        label: "SomeComponent"
      })("color:hotpink;");"

      32 |   })
      33 | 
    > 34 |   expect(`${rawCode}${separator}${code}`).toMatchSnapshot()
         |                                           ^
      35 | }
      36 | 
      37 | function doThing(dirname) {

      at _callee$ (scripts/babel-tester/src/index.js:34:43)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (scripts/babel-tester/src/index.js:852:103)
      at _next (scripts/babel-tester/src/index.js:854:194)

  ● @emotion/babel-plugin-core styled › call-expression

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "@emotion/babel-plugin-core styled call-expression 1".

    - Snapshot
    + Received

    @@ -8,8 +8,8 @@
            ↓ ↓ ↓ ↓ ↓ ↓
      
      import _styled from "@emotion/styled-base";
      
      const SomeComponent = _styled('div', {
    -   target: "e1wwfyhh0",
    +   target: "e18baa2i0",
        label: "SomeComponent"
      })("color:hotpink;");"

      32 |   })
      33 | 
    > 34 |   expect(`${rawCode}${separator}${code}`).toMatchSnapshot()
         |                                           ^
      35 | }
      36 | 
      37 | function doThing(dirname) {

      at _callee$ (scripts/babel-tester/src/index.js:34:43)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (scripts/babel-tester/src/index.js:852:103)
      at _next (scripts/babel-tester/src/index.js:854:194)

  ● @emotion/babel-plugin-core styled › label

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "@emotion/babel-plugin-core styled label 1".

    - Snapshot
    + Received

    @@ -14,13 +14,13 @@
      
      import _styled from "@emotion/styled-base";
      
      class Thing {
        static SomeComponent = _styled("div", {
    -     target: "erkd9g00",
    +     target: "ejyf9c90",
          label: "SomeComponent"
        })("color:hotpink;");
        BadIdeaComponent = _styled("div", {
    -     target: "erkd9g01",
    +     target: "ejyf9c91",
          label: "BadIdeaComponent"
        })("background:hotpink;");
      }"

      32 |   })
      33 | 
    > 34 |   expect(`${rawCode}${separator}${code}`).toMatchSnapshot()
         |                                           ^
      35 | }
      36 | 
      37 | function doThing(dirname) {

      at _callee$ (scripts/babel-tester/src/index.js:34:43)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (scripts/babel-tester/src/index.js:852:103)
      at _next (scripts/babel-tester/src/index.js:854:194)

  ● @emotion/babel-plugin-core styled › multiple-calls

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "@emotion/babel-plugin-core styled multiple-calls 1".

    - Snapshot
    + Received

    @@ -12,13 +12,13 @@
            ↓ ↓ ↓ ↓ ↓ ↓
      
      import _styled from "@emotion/styled-base";
      
      const SomeComponent = _styled("div", {
    -   target: "e15zzbw00",
    +   target: "e1luv8uw0",
        label: "SomeComponent"
      })("color:hotpink;");
      
      const SomeOtherComponent = _styled("button", {
    -   target: "e15zzbw01",
    +   target: "e1luv8uw1",
        label: "SomeOtherComponent"
      })("color:green;");"

      32 |   })
      33 | 
    > 34 |   expect(`${rawCode}${separator}${code}`).toMatchSnapshot()
         |                                           ^
      35 | }
      36 | 
      37 | function doThing(dirname) {

      at _callee$ (scripts/babel-tester/src/index.js:34:43)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (scripts/babel-tester/src/index.js:852:103)
      at _next (scripts/babel-tester/src/index.js:854:194)

  ● @emotion/babel-plugin-core styled › object

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "@emotion/babel-plugin-core styled object 1".

    - Snapshot
    + Received

    @@ -6,10 +6,10 @@
            ↓ ↓ ↓ ↓ ↓ ↓
      
      import _styled from "@emotion/styled-base";
      
      const SomeComponent = _styled("div", {
    -   target: "es0jczh0",
    +   target: "e17ju0mn0",
        label: "SomeComponent"
      })({
        color: 'hotpink'
      });"

      32 |   })
      33 | 
    > 34 |   expect(`${rawCode}${separator}${code}`).toMatchSnapshot()
         |                                           ^
      35 | }
      36 | 
      37 | function doThing(dirname) {

      at _callee$ (scripts/babel-tester/src/index.js:34:43)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (scripts/babel-tester/src/index.js:852:103)
      at _next (scripts/babel-tester/src/index.js:854:194)

FAIL next-packages/babel-plugin-core/__tests__/source-maps/index.js
  ● @emotion/babel-plugin-core › styled-object

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "@emotion/babel-plugin-core styled-object 1".

    - Snapshot
    + Received

    @@ -8,10 +8,10 @@
            ↓ ↓ ↓ ↓ ↓ ↓
      
      import _styled from "@emotion/styled-base";
      
      const SomeComponent = _styled("div", {
    -   target: "ezg2t240",
    +   target: "e1qmrixo0",
        label: "SomeComponent"
      })({
        color: 'hotpink'
      }, "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNvdXJjZS1tYXAudGVzdC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFc0IiLCJmaWxlIjoic291cmNlLW1hcC50ZXN0LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmNvbnN0IFNvbWVDb21wb25lbnQgPSBzdHlsZWQuZGl2KHtcbiAgY29sb3I6ICdob3RwaW5rJ1xufSlcbiJdfQ== */");"

      32 |   })
      33 | 
    > 34 |   expect(`${rawCode}${separator}${code}`).toMatchSnapshot()
         |                                           ^
      35 | }
      36 | 
      37 | function doThing(dirname) {

      at _callee$ (scripts/babel-tester/src/index.js:34:43)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (scripts/babel-tester/src/index.js:852:103)
      at _next (scripts/babel-tester/src/index.js:854:194)

  ● @emotion/babel-plugin-core › styled-string

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "@emotion/babel-plugin-core styled-string 1".

    - Snapshot
    + Received

    @@ -8,8 +8,8 @@
            ↓ ↓ ↓ ↓ ↓ ↓
      
      import _styled from "@emotion/styled-base";
      
      const SomeComponent = _styled("div", {
    -   target: "ezg2t240",
    +   target: "e1qmrixo0",
        label: "SomeComponent"
      })("color:hotpink;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNvdXJjZS1tYXAudGVzdC5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFZ0MiLCJmaWxlIjoic291cmNlLW1hcC50ZXN0LmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5cbmNvbnN0IFNvbWVDb21wb25lbnQgPSBzdHlsZWQuZGl2YFxuICBjb2xvcjogaG90cGluaztcbmBcbiJdfQ== */");"

      32 |   })
      33 | 
    > 34 |   expect(`${rawCode}${separator}${code}`).toMatchSnapshot()
         |                                           ^
      35 | }
      36 | 
      37 | function doThing(dirname) {

      at _callee$ (scripts/babel-tester/src/index.js:34:43)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (scripts/babel-tester/src/index.js:852:103)
      at _next (scripts/babel-tester/src/index.js:854:194)

FAIL next-packages/styled.macro/__tests__/index.js
  ● @emotion/styled.macro › basic

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "@emotion/styled.macro basic 1".

    - Snapshot
    + Received

    @@ -8,8 +8,8 @@
            ↓ ↓ ↓ ↓ ↓ ↓
      
      import _styled from "@emotion/styled-base";
      
      const SomeComponent = _styled("div", {
    -   target: "eddbda30",
    +   target: "e7j77md0",
        label: "SomeComponent"
      })("color:hotpink;");"

      32 |   })
      33 | 
    > 34 |   expect(`${rawCode}${separator}${code}`).toMatchSnapshot()
         |                                           ^
      35 | }
      36 | 
      37 | function doThing(dirname) {

      at _callee$ (scripts/babel-tester/src/index.js:34:43)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (scripts/babel-tester/src/index.js:852:103)
      at _next (scripts/babel-tester/src/index.js:854:194)

  ● @emotion/styled.macro › call-expression

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "@emotion/styled.macro call-expression 1".

    - Snapshot
    + Received

    @@ -8,8 +8,8 @@
            ↓ ↓ ↓ ↓ ↓ ↓
      
      import _styled from "@emotion/styled-base";
      
      const SomeComponent = _styled('div', {
    -   target: "e1wwfyhh0",
    +   target: "e18baa2i0",
        label: "SomeComponent"
      })("color:hotpink;");"

      32 |   })
      33 | 
    > 34 |   expect(`${rawCode}${separator}${code}`).toMatchSnapshot()
         |                                           ^
      35 | }
      36 | 
      37 | function doThing(dirname) {

      at _callee$ (scripts/babel-tester/src/index.js:34:43)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (scripts/babel-tester/src/index.js:852:103)
      at _next (scripts/babel-tester/src/index.js:854:194)

  ● @emotion/styled.macro › label

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "@emotion/styled.macro label 1".

    - Snapshot
    + Received

    @@ -14,13 +14,13 @@
      
      import _styled from "@emotion/styled-base";
      
      class Thing {
        static SomeComponent = _styled("div", {
    -     target: "erkd9g00",
    +     target: "ejyf9c90",
          label: "SomeComponent"
        })("color:hotpink;");
        BadIdeaComponent = _styled("div", {
    -     target: "erkd9g01",
    +     target: "ejyf9c91",
          label: "BadIdeaComponent"
        })("background:hotpink;");
      }"

      32 |   })
      33 | 
    > 34 |   expect(`${rawCode}${separator}${code}`).toMatchSnapshot()
         |                                           ^
      35 | }
      36 | 
      37 | function doThing(dirname) {

      at _callee$ (scripts/babel-tester/src/index.js:34:43)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (scripts/babel-tester/src/index.js:852:103)
      at _next (scripts/babel-tester/src/index.js:854:194)

  ● @emotion/styled.macro › multiple-calls

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "@emotion/styled.macro multiple-calls 1".

    - Snapshot
    + Received

    @@ -12,13 +12,13 @@
            ↓ ↓ ↓ ↓ ↓ ↓
      
      import _styled from "@emotion/styled-base";
      
      const SomeComponent = _styled("div", {
    -   target: "e15zzbw00",
    +   target: "e1luv8uw0",
        label: "SomeComponent"
      })("color:hotpink;");
      
      const SomeOtherComponent = _styled("button", {
    -   target: "e15zzbw01",
    +   target: "e1luv8uw1",
        label: "SomeOtherComponent"
      })("color:green;");"

      32 |   })
      33 | 
    > 34 |   expect(`${rawCode}${separator}${code}`).toMatchSnapshot()
         |                                           ^
      35 | }
      36 | 
      37 | function doThing(dirname) {

      at _callee$ (scripts/babel-tester/src/index.js:34:43)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (scripts/babel-tester/src/index.js:852:103)
      at _next (scripts/babel-tester/src/index.js:854:194)

  ● @emotion/styled.macro › object

    expect(value).toMatchSnapshot()

    Received value does not match stored snapshot "@emotion/styled.macro object 1".

    - Snapshot
    + Received

    @@ -6,10 +6,10 @@
            ↓ ↓ ↓ ↓ ↓ ↓
      
      import _styled from "@emotion/styled-base";
      
      const SomeComponent = _styled("div", {
    -   target: "es0jczh0",
    +   target: "e17ju0mn0",
        label: "SomeComponent"
      })({
        color: 'hotpink'
      });"

      32 |   })
      33 | 
    > 34 |   expect(`${rawCode}${separator}${code}`).toMatchSnapshot()
         |                                           ^
      35 | }
      36 | 
      37 | function doThing(dirname) {

      at _callee$ (scripts/babel-tester/src/index.js:34:43)
      at tryCatch (node_modules/regenerator-runtime/runtime.js:62:40)
      at Generator.invoke [as _invoke] (node_modules/regenerator-runtime/runtime.js:296:22)
      at Generator.prototype.(anonymous function) [as next] (node_modules/regenerator-runtime/runtime.js:114:21)
      at asyncGeneratorStep (scripts/babel-tester/src/index.js:852:103)
      at _next (scripts/babel-tester/src/index.js:854:194)


Snapshot Summary
 › 108 snapshots failed from 18 test suites. Inspect your code changes or run `yarn run coverage -u` to update them.

Test Suites: 18 failed, 66 passed, 84 total
Tests:       102 failed, 17 skipped, 874 passed, 993 total
Snapshots:   108 failed, 839 passed, 947 total
Time:        50.086s
Ran all test suites.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
ERROR: "coverage" exited with 1.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.