exclude empty nodes

fix #189
styled-components · Sep 22, 2018 · 403d999 · 403d999
1 parent 2df3f60
commit 403d999
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/src/toHaveStyleRule.js b/src/toHaveStyleRule.js
@@ -4,7 +4,7 @@ const shouldDive = node =>
   typeof node.dive === 'function' && typeof node.type() !== 'string'
 
 const isTagWithClassName = node =>
-  node.prop('className') && typeof node.type() === 'string'
+  node.exists() && node.prop('className') && typeof node.type() === 'string'
 
 const getClassNames = received => {
   let className

diff --git a/test/toHaveStyleRule.spec.js b/test/toHaveStyleRule.spec.js
@@ -471,3 +471,16 @@ test('nested', () => {
 
   toHaveStyleRule(<MyComponent />, 'background', 'papayawhip')
 })
+
+test('empty children', () => {
+  const Wrapper = styled.section`
+    padding: 4em;
+    background: papayawhip;
+  `
+
+  Wrapper.defaultProps = {
+    children: '',
+  }
+
+  toHaveStyleRule(<Wrapper />, 'background', 'papayawhip')
+})