fix regression with nested components

fix #170
styled-components · Aug 22, 2018 · cbd755f · cbd755f
1 parent e2386c6
commit cbd755f
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/src/toHaveStyleRule.js b/src/toHaveStyleRule.js
@@ -110,8 +110,8 @@ const normalizeOptions = ({ modifier, ...options }) =>
     : options
 
 function toHaveStyleRule(component, property, expected, options = {}) {
-  const ast = getCSS()
   const classNames = getClassNames(component)
+  const ast = getCSS()
   const normalizedOptions = normalizeOptions(options)
   const rules = getRules(ast, classNames, normalizedOptions)
 

diff --git a/test/__snapshots__/styleSheetSerializer.spec.js.snap b/test/__snapshots__/styleSheetSerializer.spec.js.snap
@@ -34,7 +34,9 @@ exports[`any component: react-test-renderer 1`] = `
 }
 
 <div>
-  <a>
+  <a
+    className={undefined}
+  >
     Unstyled, boring Link
   </a>
   <br />

diff --git a/test/preact/__snapshots__/styleSheetSerializer.spec.js.snap b/test/preact/__snapshots__/styleSheetSerializer.spec.js.snap
@@ -14,9 +14,11 @@ exports[`basic 1`] = `
 
 <section
   class="c0"
+  ref={undefined}
 >
   <h1
     class="c1"
+    ref={undefined}
   >
     Hello World, this is my first styled component!
   </h1>