add a css test

nkzawa · nkzawa · commit facd19b5a755 · 2016-10-10T13:35:37.000+09:00
diff --git a/lib/document.js b/lib/document.js
@@ -30,7 +30,7 @@ export function Head (props, context) {
   .map((h, i) => React.cloneElement(h, { key: '_next' + i }))
   return <head>
     {h}
-    <style data-aphrodite dangerouslySetInnerHTML={{ __html: css.content }} />
+    <style data-aphrodite="" dangerouslySetInnerHTML={{ __html: css.content }} />
   </head>
 }
 
diff --git a/test/fixtures/basic/pages/css.js b/test/fixtures/basic/pages/css.js
@@ -0,0 +1,8 @@
+import React from 'react'
+import { StyleSheet, css } from 'next/css'
+
+export default () => <div className={css(styles.red)}>This is red</div>
+
+const styles = StyleSheet.create({
+  red: { color: 'red' }
+})
diff --git a/test/index.js b/test/index.js
@@ -9,10 +9,15 @@ test.before(() => build(dir))
 
 test(async (t) => {
   const html = await render('/stateless')
-  console.log(html)
   t.true(html.includes('<h1>My component!</h1>'))
 })
 
+test(async (t) => {
+  const html = await render('/css')
+  t.true(html.includes('<style data-aphrodite="">.red_im3wl1{color:red !important;}</style>'))
+  t.true(html.includes('<div class="red_im3wl1">This is red</div>'))
+})
+
 function render (url, ctx) {
   return _render(url, ctx, { dir, staticMarkup: true })
 }

Original file line number	Diff line number	Diff line change
`@@ -30,7 +30,7 @@ export function Head (props, context) {`
`30`	`30`	`.map((h, i) => React.cloneElement(h, { key: '_next' + i }))`
`31`	`31`	`return <head>`
`32`	`32`	`{h}`
`33`		`- <style data-aphrodite dangerouslySetInnerHTML={{ __html: css.content }} />`
	`33`	`+ <style data-aphrodite="" dangerouslySetInnerHTML={{ __html: css.content }} />`
`34`	`34`	`</head>`
`35`	`35`	`}`
`36`	`36`