fix(styled-components): fix createGlobalStyle

Closes #22
styled-components · Jun 11, 2019 · 8c5d386 · 8c5d386
1 parent 6dc0f19
commit 8c5d386
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 3 deletions.
diff --git a/packages/styled-components/src/createGlobalStyle.js b/packages/styled-components/src/createGlobalStyle.js
@@ -2,5 +2,5 @@ import { createGlobalStyle as scCreateGlobalStyle } from 'styled-components'
 import { css } from './css'
 
 export const createGlobalStyle = (...args) => {
-  return scCreateGlobalStyle(css(...args))
+  return scCreateGlobalStyle([css(...args)])
 }
diff --git a/packages/styled-components/src/createGlobalStyle.test.js b/packages/styled-components/src/createGlobalStyle.test.js
@@ -1,7 +1,9 @@
 import React from 'react'
 import 'jest-dom/extend-expect'
-import { render } from '@testing-library/react'
-import { createGlobalStyle } from '.'
+import { render, cleanup } from '@testing-library/react'
+import { createGlobalStyle, css } from '.'
+
+afterEach(cleanup)
 
 describe('#createGlobalStyle', () => {
   it('injects global styles', () => {
@@ -20,4 +22,24 @@ describe('#createGlobalStyle', () => {
       margin: 8px;
     `)
   })
+
+  it('supports css tag', () => {
+    const style = css`
+      .margin {
+        margin: ${3};
+      }
+    `
+    const GlobalStyle = createGlobalStyle`
+      ${style}
+    `
+    const { container } = render(
+      <>
+        <GlobalStyle />
+        <div className="margin" />
+      </>,
+    )
+    expect(container.firstChild).toHaveStyle(`
+      margin: 16px;
+    `)
+  })
 })