Move @import rules in test to be first

Author: Andarist

packages/react/__tests__/__snapshots__/global.js.snap

@@ -18,25 +18,25 @@ exports[`basic 1`] = `
     data-emotion="css-global"
   >
     
-    html{background-color:hotpink;}
+    @import url('something.com/file.css');
   </style>
   <style
     data-emotion="css-global"
   >
     
-    h1{-webkit-animation:animation-ocj8pk 1s;animation:animation-ocj8pk 1s;}
+    html{background-color:hotpink;}
   </style>
   <style
     data-emotion="css-global"
   >
     
-    @font-face{font-family:some-name;}
+    h1{-webkit-animation:animation-ocj8pk 1s;animation:animation-ocj8pk 1s;}
   </style>
   <style
     data-emotion="css-global"
   >
     
-    @import url('something.com/file.css');
+    @font-face{font-family:some-name;}
   </style>
 </head>
 `;

packages/react/__tests__/at-import.js

@@ -19,14 +19,14 @@ test('basic', () => {
       <div css={{ color: 'hotpink' }} />
       <Global
         styles={css`
+          @import url('https://some-url');
+
           h1 {
             color: hotpink;
           }
-          @import url('https://some-url');
         `}
       />
-    </React.Fragment>,
-    // $FlowFixMe
+    </React.Fragment>, // $FlowFixMe
     document.getElementById('root')
   )
   expect(document.head).toMatchSnapshot()

packages/react/__tests__/global.js

@@ -17,6 +17,9 @@ test('basic', () => {
     <CacheProvider value={createCache({ key: 'css' })}>
       <Global
         styles={[
+          css`
+            @import url('something.com/file.css');
+          `,
           {
             html: {
               backgroundColor: 'hotpink'
@@ -34,10 +37,7 @@ test('basic', () => {
             '@font-face': {
               fontFamily: 'some-name'
             }
-          },
-          css`
-            @import url('something.com/file.css');
-          `
+          }
         ]}
       />
     </CacheProvider>,