jest-styled-components - npm Package Compare versions

Comparing version 1.0.0 to 1.1.0

package.json

 {
   "name": "jest-styled-components",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Jest utilities for Styled Components",
@@ -9,3 +9,3 @@ "main": "./src/index.js",
   ],
-  "repository": "[e-mail]:MicheleBertoli/jest-styled-components.git",
+  "repository": "[e-mail]:styled-components/jest-styled-components.git",
   "author": "Michele Bertoli",
@@ -22,2 +22,4 @@ "license": "MIT",
     "chalk": "^1.1.3",
+    "enzyme": "^2.7.1",
+    "enzyme-to-json": "^1.5.0",
     "eslint": "^3.17.1",
@@ -33,2 +35,3 @@ "eslint-config-airbnb": "^14.1.0",
     "react": "^15.4.2",
+    "react-addons-test-utils": "^15.4.2",
     "react-dom": "^15.4.2",
@@ -39,2 +42,5 @@ "react-test-renderer": "^15.4.2",
   },
+  "dependencies": {
+    "css": "^2.2.1"
+  },
   "peerDependencies": {
@@ -44,3 +50,2 @@ "chalk": "^1.1.3",
     "jest-snapshot": "^19.0.2",
-    "pretty-format": "^19.0.0",
     "strip-ansi": "^3.0.1",
@@ -50,7 +55,7 @@ "styled-components": "^1.4.4"
   "jest": {
-    "testEnvironment": "node"
-  },
-  "dependencies": {
-    "css": "^2.2.1"
+    "testEnvironment": "node",
+    "snapshotSerializers": [
+      "enzyme-to-json/serializer"
+    ]
   }
 }

README.md

@@ -1,2 +0,2 @@
-[![Build Status](https://travis-ci.org/MicheleBertoli/jest-styled-components.svg?branch=master)](https://travis-ci.org/MicheleBertoli/jest-styled-components)
+[![Build Status](https://travis-ci.org/styled-components/jest-styled-components.svg?branch=master)](https://travis-ci.org/styled-components/jest-styled-components)
 
@@ -3,0 +3,0 @@ # Jest Styled Components

src/matcher.js

@@ -18,3 +18,3 @@ const chalk = require('chalk')
     if (isClassName(line)) {
-      return chalk.magenta(line)
+      return chalk.white(line)
     }
@@ -27,3 +27,3 @@ if (isAddition(line)) {
     }
-    return line
+    return chalk.gray(line)
   }).join('\n')
@@ -30,0 +30,0 @@ )

src/serializer.js

 const css = require('css')
-const prettyFormat = require('pretty-format')
-const reactTestPlugin = require('pretty-format/build/plugins/ReactTestComponent')
 const styleSheet = require('styled-components/lib/models/StyleSheet')
 
-const getStyles = (components) => {
+const getClassNames = (node, classNames) => {
+  if (node.children && node.children.reduce) {
+    classNames = node.children.reduce((acc, child) => (
+      acc.concat(getClassNames(child, acc),
+    )), classNames)
+  }
+  if (node.props && node.props.className) {
+    return classNames.concat(node.props.className.split(' '))
+  }
+  return []
+}
+
+const getStyles = (classNames) => {
   const styles = styleSheet.rules().map(rule => rule.cssText).join('\n')
   const ast = css.parse(styles)
   ast.stylesheet.rules = ast.stylesheet.rules.filter(rule => (
-    components.indexOf(rule.selectors[0].substring(1)) > -1
+    classNames.includes(rule.selectors[0].substring(1))
   ))
@@ -19,10 +29,11 @@
   test(val) {
-    return val
+    return !val.withStyles && val.$$typeof === Symbol.for('react.test.json')
   },
 
-  print(val) {
-    const components = prettyFormat(val, { plugins: [reactTestPlugin] })
-    const styles = getStyles(components)
+  print(val, print) {
+    const classNames = getClassNames(val, [])
+    const styles = getStyles(classNames)
+    val.withStyles = true
 
-    return `${styles}\n\n${components}`
+    return `${styles}\n\n${print(val)}`
   },
@@ -29,0 +40,0 @@

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

5498

increased by8.55%

Dependency count

6

decreased by-14.29%

Lines of code

76

increased by15.15%

Worsened metrics

Dev dependency count

21

increased by16.67%

No dependency changes