Snapshots with random media query

[shraddha-2407]

Environment

System:

• OS: macOS Mojave 10.14.6
• CPU: (4) x64 Intel(R) Core(TM) i5-6360U CPU @ 2.00GHz
• Memory: 82.24 MB / 16.00 GB
• Shell: 3.2.57 - /bin/bash

  Binaries:

• Node: 10.3.0 - ~/.nvm/versions/node/v10.3.0/bin/node
• Yarn: 1.9.4 - ~/.nvm/versions/node/v10.3.0/bin/yarn
• npm: 6.1.0 - ~/.nvm/versions/node/v10.3.0/bin/npm
• Watchman: 4.9.0 - /usr/local/bin/watchman

  npmPackages:

• babel-plugin-styled-components: ^1.8.0 => 1.10.0
• styled-components: ^5.0.0-rc.1 => 5.0.0-rc.1

Problem: I upgraded to styled-components v5 beta and subsequently jest-styled-components to beta as per documentation. After doing that, my snapshots have changed but they all seem broken.

The presence of random media queries is fishy. Can someone help as to why this is happening?

[Michael-M-Judd]

+1 here - have the same issue.

[mrmak]

+1 – seeing this as well.

"jest-styled-components": "^7.0.0"
"styled-components": "^5.0.0"
"babel-plugin-styled-components": "^1.10.0"

[Pewtro]

This is still happening as of "styled-components": "^5.3.0", "jest-styled-components": "^7.0.5",

All our snapshots have constantly changing @media values added to them.