@storybook/addon-jest - npm Package Compare versions

Comparing version 4.0.0-alpha.18 to 4.0.0-alpha.20

dist/components/Indicator.js

@@ -14,7 +14,7 @@ "use strict";
 
-var _reactEmotion = _interopRequireDefault(require("react-emotion"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
 
 var Indicator =
 /*#__PURE__*/
-(0, _reactEmotion.default)('div', {
+(0, _styled.default)("div", {
   target: "ebptffi0"
@@ -21,0 +21,0 @@ })(function (_ref) {

dist/components/Panel.js

@@ -16,3 +16,3 @@ "use strict";
 
-var _reactEmotion = _interopRequireDefault(require("react-emotion"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
 
@@ -29,3 +29,3 @@ var _Indicator = _interopRequireDefault(require("./Indicator"));
 /*#__PURE__*/
-(0, _reactEmotion.default)('ul', {
+(0, _styled.default)("ul", {
   target: "e1chx92q0"
@@ -40,3 +40,3 @@ })({
 /*#__PURE__*/
-(0, _reactEmotion.default)('li', {
+(0, _styled.default)("li", {
   target: "e1chx92q1"
@@ -50,3 +50,3 @@ })({
 /*#__PURE__*/
-(0, _reactEmotion.default)('div', {
+(0, _styled.default)("div", {
   target: "e1chx92q2"
@@ -59,3 +59,3 @@ })({
 /*#__PURE__*/
-(0, _reactEmotion.default)('h2', {
+(0, _styled.default)("h2", {
   target: "e1chx92q3"
@@ -69,3 +69,3 @@ })({
 /*#__PURE__*/
-(0, _reactEmotion.default)('div', {
+(0, _styled.default)("div", {
   target: "e1chx92q4"
@@ -81,3 +81,3 @@ })({
 /*#__PURE__*/
-(0, _reactEmotion.default)(function (_ref) {
+(0, _styled.default)(function (_ref) {
   var successNumber = _ref.successNumber,
@@ -111,3 +111,3 @@ failedNumber = _ref.failedNumber,
 /*#__PURE__*/
-(0, _reactEmotion.default)(function (_ref2) {
+(0, _styled.default)(function (_ref2) {
   var successNumber = _ref2.successNumber,
@@ -149,3 +149,3 @@ result = _ref2.result,
 /*#__PURE__*/
-(0, _reactEmotion.default)('div', {
+(0, _styled.default)("div", {
   target: "e1chx92q7"
@@ -158,3 +158,3 @@ })({
 /*#__PURE__*/
-(0, _reactEmotion.default)(function (_ref3) {
+(0, _styled.default)(function (_ref3) {
   var tests = _ref3.tests,
@@ -161,0 +161,0 @@ className = _ref3.className;

dist/components/PanelTitle.js

@@ -14,3 +14,3 @@ "use strict";
 
-var _reactEmotion = _interopRequireDefault(require("react-emotion"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
 
@@ -25,3 +25,3 @@ var _provideJestResult = _interopRequireDefault(require("../hoc/provideJestResult"));
 /*#__PURE__*/
-(0, _reactEmotion.default)('div', {
+(0, _styled.default)("div", {
   target: "eq6e62z0"
@@ -34,3 +34,3 @@ })({
 /*#__PURE__*/
-(0, _reactEmotion.default)('div', {
+(0, _styled.default)("div", {
   target: "eq6e62z1"
@@ -37,0 +37,0 @@ })({

dist/components/Result.js

@@ -16,3 +16,3 @@ "use strict";
 
-var _reactEmotion = _interopRequireDefault(require("react-emotion"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
 
@@ -27,3 +27,3 @@ var _components = require("@storybook/components");
 /*#__PURE__*/
-(0, _reactEmotion.default)('pre', {
+(0, _styled.default)("pre", {
   target: "efeusp40"
@@ -35,3 +35,3 @@ })((0, _objectSpread2.default)({
 /*#__PURE__*/
-(0, _reactEmotion.default)('div', {
+(0, _styled.default)("div", {
   target: "efeusp41"
@@ -47,3 +47,3 @@ })({
 /*#__PURE__*/
-(0, _reactEmotion.default)('strong', {
+(0, _styled.default)("strong", {
   target: "efeusp42"
@@ -56,3 +56,3 @@ })({
 /*#__PURE__*/
-(0, _reactEmotion.default)('strong', {
+(0, _styled.default)("strong", {
   target: "efeusp43"
@@ -65,3 +65,3 @@ })({
 /*#__PURE__*/
-(0, _reactEmotion.default)(function (_ref) {
+(0, _styled.default)(function (_ref) {
   var trace = _ref.trace,
@@ -86,3 +86,3 @@ className = _ref.className;
 /*#__PURE__*/
-(0, _reactEmotion.default)(function (_ref2) {
+(0, _styled.default)(function (_ref2) {
   var msg = _ref2.msg,
@@ -101,3 +101,3 @@ className = _ref2.className;
 /*#__PURE__*/
-(0, _reactEmotion.default)(function (_ref3) {
+(0, _styled.default)(function (_ref3) {
   var msg = _ref3.msg,
@@ -282,3 +282,3 @@ className = _ref3.className;
 /*#__PURE__*/
-(0, _reactEmotion.default)('header', {
+(0, _styled.default)("header", {
   target: "efeusp47"
@@ -292,3 +292,3 @@ })({
 /*#__PURE__*/
-(0, _reactEmotion.default)('h3', {
+(0, _styled.default)("h3", {
   target: "efeusp48"
@@ -301,3 +301,3 @@ })({
 /*#__PURE__*/
-(0, _reactEmotion.default)(function (_ref5) {
+(0, _styled.default)(function (_ref5) {
   var fullName = _ref5.fullName,
@@ -304,0 +304,0 @@ title = _ref5.title,

package.json

 {
   "name": "@storybook/addon-jest",
-  "version": "4.0.0-alpha.18",
+  "version": "4.0.0-alpha.20",
   "description": "React storybook addon that show component jest report",
@@ -28,7 +28,7 @@ "keywords": [
   "dependencies": {
-    "@storybook/addons": "4.0.0-alpha.18",
-    "@storybook/components": "4.0.0-alpha.18",
+    "@emotion/styled": "0.10.5",
+    "@storybook/addons": "4.0.0-alpha.20",
+    "@storybook/components": "4.0.0-alpha.20",
     "global": "^4.3.2",
     "prop-types": "^15.6.2",
-    "react-emotion": "^9.2.6",
     "util-deprecate": "^1.0.2"
@@ -35,0 +35,0 @@ },

src/components/Indicator.js

 import PropTypes from 'prop-types';
 
-import styled from 'react-emotion';
+import styled from '@emotion/styled';
 
-const Indicator = styled('div')(
+const Indicator = styled.div(
   ({ color, size }) => ({
@@ -7,0 +7,0 @@ boxSizing: 'border-box',

src/components/Panel.js

 import React from 'react';
 import PropTypes from 'prop-types';
-import styled from 'react-emotion';
+import styled from '@emotion/styled';
 
@@ -10,3 +10,3 @@ import Indicator from './Indicator';
 
-const List = styled('ul')({
+const List = styled.ul({
   listStyle: 'none',
@@ -18,3 +18,3 @@ fontSize: 14,
 
-const Item = styled('li')({
+const Item = styled.li({
   display: 'block',
@@ -25,3 +25,3 @@ margin: '10px 0',
 
-const NoTests = styled('div')({
+const NoTests = styled.div({
   padding: '10px 20px',
@@ -31,3 +31,3 @@ flex: 1,
 
-const FileTitle = styled('h2')({
+const FileTitle = styled.h2({
   margin: 0,
@@ -38,3 +38,3 @@ fontWeight: 500,
 
-const SuiteHead = styled('div')({
+const SuiteHead = styled.div({
   display: 'flex',
@@ -97,3 +97,3 @@ alignItems: 'baseline',
 
-const SuiteTitle = styled('div')({
+const SuiteTitle = styled.div({
   display: 'flex',
@@ -100,0 +100,0 @@ alignItems: 'center',

src/components/PanelTitle.js

 import React from 'react';
 import PropTypes from 'prop-types';
 
-import styled from 'react-emotion';
+import styled from '@emotion/styled';
 
@@ -10,7 +10,7 @@ import provideJestResult from '../hoc/provideJestResult';
 
-const Wrapper = styled('div')({
+const Wrapper = styled.div({
   display: 'flex',
   alignItems: 'center',
 });
-const PanelName = styled('div')({
+const PanelName = styled.div({
   paddingLeft: 5,
@@ -17,0 +17,0 @@ });

src/components/Result.js

 import React from 'react';
 import PropTypes from 'prop-types';
 
-import styled from 'react-emotion';
+import styled from '@emotion/styled';
 import { monoFonts } from '@storybook/components';
@@ -10,3 +10,3 @@
 
-const Pre = styled('pre')({
+const Pre = styled.pre({
   margin: 0,
@@ -16,3 +16,3 @@ ...monoFonts,
 
-const FlexContainer = styled('div')({
+const FlexContainer = styled.div({
   display: 'flex',
@@ -25,7 +25,7 @@ alignItems: 'center',
 
-const Positive = styled('strong')({
+const Positive = styled.strong({
   color: colors.success,
   fontWeight: 500,
 });
-const Negative = styled('strong')({
+const Negative = styled.strong({
   color: colors.error,
@@ -194,3 +194,3 @@ fontWeight: 500,
 
-const Head = styled('header')({
+const Head = styled.header({
   display: 'flex',
@@ -201,3 +201,3 @@ justifyContent: 'space-between',
 
-const Title = styled('h3')({
+const Title = styled.h3({
   padding: '10px 10px 0 10px',
@@ -204,0 +204,0 @@ margin: 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

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

Worsened metrics

Total package byte prevSize

5237408

Dependency changes

• + Added@emotion/styled@0.10.5

• + Added@emotion/cache@0.8.8(transitive)

• + Added@emotion/core@0.13.00.13.1(transitive)

• + Added@emotion/css@0.9.8(transitive)

• + Added@emotion/provider@0.11.1(transitive)

• + Added@emotion/sheet@0.8.1(transitive)

• + Added@emotion/styled@0.10.5(transitive)

• + Added@emotion/styled-base@0.10.6(transitive)

• + Added@emotion/weak-memoize@0.1.3(transitive)

• + Added@storybook/addons@4.0.0-alpha.20(transitive)

• + Added@storybook/channels@4.0.0-alpha.20(transitive)

• + Added@storybook/components@4.0.0-alpha.20(transitive)

• - Removedreact-emotion@^9.2.6

• - Removed@babel/code-frame@7.24.7(transitive)

• - Removed@babel/generator@7.25.6(transitive)

• - Removed@babel/helper-module-imports@7.24.7(transitive)

• - Removed@babel/helper-string-parser@7.24.8(transitive)

• - Removed@babel/helper-validator-identifier@7.24.7(transitive)

• - Removed@babel/highlight@7.24.7(transitive)

• - Removed@babel/parser@7.25.6(transitive)

• - Removed@babel/template@7.25.0(transitive)

• - Removed@babel/traverse@7.25.6(transitive)

• - Removed@babel/types@7.25.6(transitive)

• - Removed@emotion/babel-utils@0.6.10(transitive)

• - Removed@jridgewell/gen-mapping@0.3.5(transitive)

• - Removed@jridgewell/resolve-uri@3.1.2(transitive)

• - Removed@jridgewell/set-array@1.2.1(transitive)

• - Removed@jridgewell/sourcemap-codec@1.5.0(transitive)

• - Removed@jridgewell/trace-mapping@0.3.25(transitive)

• - Removed@storybook/addons@4.0.0-alpha.18(transitive)

• - Removed@storybook/channels@4.0.0-alpha.18(transitive)

• - Removed@storybook/components@4.0.0-alpha.18(transitive)

• - Removed@types/parse-json@4.0.2(transitive)

• - Removedabbrev@1.1.1(transitive)

• - Removedansi-styles@3.2.1(transitive)

• - Removedbabel-plugin-emotion@9.2.11(transitive)

• - Removedbabel-plugin-macros@2.8.0(transitive)

• - Removedbabel-plugin-syntax-jsx@6.18.0(transitive)

• - Removedcallsites@3.1.0(transitive)

• - Removedchalk@2.4.2(transitive)

• - Removedcolor-convert@1.9.3(transitive)

• - Removedcolor-name@1.1.3(transitive)

• - Removedconvert-source-map@1.9.0(transitive)

• - Removedcosmiconfig@6.0.0(transitive)

• - Removedcreate-emotion@9.2.12(transitive)

• - Removedcreate-emotion-styled@9.2.8(transitive)

• - Removedcsstype@2.6.21(transitive)

• - Removeddebug@4.3.7(transitive)

• - Removedemotion@9.2.12(transitive)

• - Removedemotion-theming@9.2.9(transitive)

• - Removederror-ex@1.3.2(transitive)

• - Removedescape-string-regexp@1.0.5(transitive)

• - Removedfind-root@1.1.0(transitive)

• - Removedfunction-bind@1.1.2(transitive)

• - Removedglobals@11.12.0(transitive)

• - Removedhas-flag@3.0.0(transitive)

• - Removedhasown@2.0.2(transitive)

• - Removedhoist-non-react-statics@2.5.5(transitive)

• - Removedimport-fresh@3.3.0(transitive)

• - Removedis-arrayish@0.2.1(transitive)

• - Removedis-core-module@2.15.1(transitive)

• - Removedjsesc@2.5.2(transitive)

• - Removedjson-parse-even-better-errors@2.3.1(transitive)

• - Removedlines-and-columns@1.2.4(transitive)

• - Removedminimist@1.2.8(transitive)

• - Removedmkdirp@0.5.6(transitive)

• - Removedms@2.1.3(transitive)

• - Removednopt@1.0.10(transitive)

• - Removedparent-module@1.0.1(transitive)

• - Removedparse-json@5.2.0(transitive)

• - Removedpath-parse@1.0.7(transitive)

• - Removedpath-type@4.0.0(transitive)

• - Removedpicocolors@1.1.0(transitive)

• - Removedreact-emotion@9.2.12(transitive)

• - Removedresolve@1.22.8(transitive)

• - Removedresolve-from@4.0.0(transitive)

• - Removedsource-map@0.5.70.7.4(transitive)

• - Removedstylis@3.5.4(transitive)

• - Removedstylis-rule-sheet@0.0.10(transitive)

• - Removedsupports-color@5.5.0(transitive)

• - Removedsupports-preserve-symlinks-flag@1.0.0(transitive)

• - Removedto-fast-properties@2.0.0(transitive)

• - Removedtouch@2.0.2(transitive)

• - Removedyaml@1.10.2(transitive)

• Updated@storybook/addons@4.0.0-alpha.20

• Updated@storybook/components@4.0.0-alpha.20