Change class name prefix in jest-emotion (#504)

packages/babel-plugin-emotion/test/macro/__snapshots__/css.test.js.snap

@@ -2,18 +2,18 @@
 
 exports[`css @supports 1`] = `
 @supports (display:grid) {
-  .glamor-0 {
+  .emotion-0 {
     display: grid;
   }
 }
 
 <div
-  className="glamor-0"
+  className="emotion-0"
 />
 `;
 
 exports[`css auto px 1`] = `
-.glamor-0 {
+.emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -25,12 +25,12 @@ exports[`css auto px 1`] = `
 }
 
 <div
-  className="glamor-0"
+  className="emotion-0"
 />
 `;
 
 exports[`css composition 1`] = `
-.glamor-0 {
+.emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -41,43 +41,43 @@ exports[`css composition 1`] = `
   justify-content: center;
 }
 
-.glamor-0:hover {
+.emotion-0:hover {
   color: hotpink;
 }
 
 <div
-  className="glamor-0"
+  className="emotion-0"
 />
 `;
 
 exports[`css composition stuff 1`] = `
-.glamor-0 {
+.emotion-0 {
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
 }
 
 <div
-  className="glamor-0"
+  className="emotion-0"
 />
 `;
 
 exports[`css composition stuff 2`] = `
-.glamor-0 {
+.emotion-0 {
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
 }
 
 <div
-  className="glamor-0"
+  className="emotion-0"
 />
 `;
 
 exports[`css composition with objects 1`] = `
-.glamor-0 {
+.emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -90,79 +90,79 @@ exports[`css composition with objects 1`] = `
   justify-content: center;
 }
 
-.glamor-0:hover {
+.emotion-0:hover {
   color: blue;
 }
 
-.glamor-0:after {
+.emotion-0:after {
   content: " ";
   color: red;
 }
 
 @media (min-width:420px) {
-  .glamor-0 {
+  .emotion-0 {
     color: green;
   }
 }
 
 <div
-  className="glamor-0"
+  className="emotion-0"
 />
 `;
 
 exports[`css computed key is only dynamic 1`] = `
-.glamor-0 {
+.emotion-0 {
   font-size: 10px;
   width: 20px;
 }
 
 <div
-  className="glamor-0"
+  className="emotion-0"
 />
 `;
 
 exports[`css css variables 1`] = `
-.glamor-0 {
+.emotion-0 {
   --some-var: 1px;
   width: var(--some-var);
 }
 
 <div
-  className="glamor-0"
+  className="emotion-0"
 />
 `;
 
 exports[`css float property 1`] = `
-.glamor-0 {
+.emotion-0 {
   float: left;
 }
 
 <div
-  className="glamor-0"
+  className="emotion-0"
 />
 `;
 
 exports[`css flushes correctly 1`] = `
-.glamor-0 {
+.emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
 }
 
 <div
-  className="glamor-0"
+  className="emotion-0"
 />
 `;
 
 exports[`css flushes correctly 2`] = `
 <div
-  className="glamor-0"
+  className="emotion-0"
 />
 `;
 
 exports[`css handles more than 10 dynamic properties 1`] = `
-.glamor-0 {
+.emotion-0 {
   text-decoration: underline;
   border-right: solid blue 54px;
   background: white;
@@ -177,12 +177,12 @@ exports[`css handles more than 10 dynamic properties 1`] = `
 }
 
 <div
-  className="glamor-0"
+  className="emotion-0"
 />
 `;
 
 exports[`css handles objects 1`] = `
-.glamor-0 {
+.emotion-0 {
   float: left;
   display: -webkit-box;
   display: -webkit-flex;
@@ -195,34 +195,34 @@ exports[`css handles objects 1`] = `
 }
 
 <div
-  className="glamor-0"
+  className="emotion-0"
 />
 `;
 
 exports[`css nested 1`] = `
-.glamor-0 {
+.emotion-0 {
   color: yellow;
 }
 
-.glamor-0 .some-class {
+.emotion-0 .some-class {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
 }
 
-.glamor-0 .some-class .some-other-class {
+.emotion-0 .some-class .some-other-class {
   background-color: hotpink;
 }
 
 @media (max-width:600px) {
-  .glamor-0 .some-class {
+  .emotion-0 .some-class {
     background-color: pink;
   }
 }
 
 <div
-  className="glamor-0"
+  className="emotion-0"
 >
   <div
     className="some-class"
@@ -235,15 +235,15 @@ exports[`css nested 1`] = `
 `;
 
 exports[`css nested array 1`] = `
-.glamor-0 {
+.emotion-0 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
 }
 
 <div
-  className="glamor-0"
+  className="emotion-0"
 />
 `;
 
@@ -281,37 +281,37 @@ exports[`css nested at rules 1`] = `
 `;
 
 exports[`css nested selector without parent declaration 1`] = `
-.glamor-0 {
+.emotion-0 {
   color: blue;
 }
 
-.glamor-1 .glamor-0 {
+.emotion-1 .emotion-0 {
   color: red;
 }
 
 <div
-  className="glamor-1"
+  className="emotion-1"
 >
   <div
-    className="glamor-0"
+    className="emotion-0"
   />
 </div>
 `;
 
 exports[`css null rule 1`] = `
 <div
-  className="glamor-0"
+  className="emotion-0"
 />
 `;
 
 exports[`css random expression 1`] = `
-.glamor-0 {
+.emotion-0 {
   font-size: 20px;
   background: green;
 }
 
 @media (min-width:420px) {
-  .glamor-0 {
+  .emotion-0 {
     color: blue;
     width: 96px;
     height: 96px;
@@ -320,19 +320,19 @@ exports[`css random expression 1`] = `
 }
 
 <div
-  className="glamor-0"
+  className="emotion-0"
 />
 `;
 
 exports[`css random interpolation with undefined values 1`] = `
-.glamor-0 {
+.emotion-0 {
   -webkit-box-pack: center;
   -webkit-justify-content: center;
   -ms-flex-pack: center;
   justify-content: center;
 }
 
 <div
-  className="glamor-0"
+  className="emotion-0"
 />
 `;

packages/babel-plugin-emotion/test/macro/__snapshots__/keyframes.test.js.snap

@@ -1,13 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`keyframes - macro keyframes with interpolation 1`] = `
-.glamor-0 {
+.emotion-0 {
   -webkit-animation: animation-1q8eu9e 2s linear infinite;
   animation: animation-1q8eu9e 2s linear infinite;
 }
 
 <h1
-  className="glamor-0 glamor-1"
+  className="emotion-0 emotion-1"
 >
   hello world
 </h1>
@@ -49,13 +49,13 @@ exports[`keyframes - macro keyframes with interpolation 2`] = `
 `;
 
 exports[`keyframes - macro renders 1`] = `
-.glamor-0 {
+.emotion-0 {
   -webkit-animation: animation-16qlhaj 2s linear infinite;
   animation: animation-16qlhaj 2s linear infinite;
 }
 
 <h1
-  className="glamor-0 glamor-1"
+  className="emotion-0 emotion-1"
 >
   hello world
 </h1>