@cucumber/html-formatter - npm Package Compare versions

Comparing version 17.0.0 to 18.0.0

check.js

@@ -11,3 +11,3 @@ const fs = require('fs')
   const dynamicHTML = await page.evaluate(() => {
-    const content = document.querySelector('.cucumber-react')
+    const content = document.querySelector('[data-testid="cucumber-react"]')
     return content && content.innerHTML
@@ -17,8 +17,13 @@ })
 
-  if(!dynamicHTML) throw new Error(`The file ${path} did not render a .cucumber-react element. Inspect manually.`)
+  if (!dynamicHTML)
+    throw new Error(
+      `The file ${path} did not render a [data-testid="cucumber-react"] element. Inspect manually.`
+    )
 }
 
-check().then(() => console.log(`${path} rendered OK!`)).catch((err) => {
-  console.error(err.stack)
-  process.exit(1)
-})
+check()
+  .then(() => console.log(`${path} rendered OK!`))
+  .catch((err) => {
+    console.error(err.stack)
+    process.exit(1)
+  })

dist/package.json

 {
     "name": "@cucumber/html-formatter",
-    "version": "17.0.0",
+    "version": "18.0.0",
     "description": "HTML formatter for Cucumber",
@@ -17,2 +17,3 @@ "bin": {
     "scripts": {
+        "prepare": "cpy '**/*.scss' '../dist/src' --cwd='src' --parents",
         "test": "mocha",
@@ -22,8 +23,8 @@ "prepublishOnly": "tsc --build tsconfig.build.json"
     "dependencies": {
-        "@cucumber/messages": "^17.1.0",
-        "commander": "8.1.0",
-        "source-map-support": "0.5.19"
+        "@cucumber/messages": "^17.1.1",
+        "commander": "8.3.0",
+        "source-map-support": "0.5.21"
     },
     "devDependencies": {
-        "@babel/core": "7.15.0",
+        "@babel/core": "7.16.12",
         "@cucumber/gherkin-streams": "^4.0.0",
@@ -33,20 +34,22 @@ "@cucumber/gherkin-utils": "^7.0.0",
         "@cucumber/query": "^11.0.0",
-        "@cucumber/react": "^18.0.0",
-        "@types/mocha": "9.0.0",
-        "@types/node": "14.17.14",
-        "@types/react": "17.0.19",
-        "@types/react-dom": "17.0.9",
-        "babel-loader": "8.2.2",
-        "css-loader": "6.2.0",
-        "mini-css-extract-plugin": "2.2.2",
-        "mocha": "9.1.1",
-        "puppeteer": "10.2.0",
+        "@cucumber/react": "^19.0.0",
+        "@types/mocha": "9.1.0",
+        "@types/node": "16.11.21",
+        "@types/react": "17.0.38",
+        "@types/react-dom": "17.0.11",
+        "babel-loader": "8.2.3",
+        "cpy-cli": "3.1.1",
+        "css-loader": "6.5.1",
+        "mini-css-extract-plugin": "2.5.3",
+        "mocha": "9.2.0",
+        "puppeteer": "^13.1.2",
         "react": "17.0.2",
         "react-dom": "17.0.2",
-        "sass-loader": "12.1.0",
-        "ts-loader": "9.2.5",
-        "ts-node": "10.2.1",
-        "typescript": "4.4.2",
-        "webpack": "5.51.1",
-        "webpack-cli": "4.8.0"
+        "sass": "1.49.0",
+        "sass-loader": "12.4.0",
+        "ts-loader": "9.2.6",
+        "ts-node": "10.4.0",
+        "typescript": "4.5.5",
+        "webpack": "5.67.0",
+        "webpack-cli": "4.9.2"
     },
@@ -53,0 +56,0 @@ "bugs": {

dist/src/CucumberHtmlStream.js

@@ -50,3 +50,2 @@ "use strict";
                         return callback(err);
-                    // this.writeResource("cucumber-react.css", callback);
                     callback();
@@ -53,0 +52,0 @@ });

dist/src/main.d.ts

 import * as messages from '@cucumber/messages';
+import './styles.scss';
 declare global {
@@ -3,0 +4,0 @@ interface Window {

dist/src/main.js

@@ -7,18 +7,12 @@ "use strict";
 const react_1 = require("@cucumber/react");
-const gherkin_utils_1 = require("@cucumber/gherkin-utils");
-const query_1 = require("@cucumber/query");
 const react_2 = __importDefault(require("react"));
 const react_dom_1 = __importDefault(require("react-dom"));
-const { FilteredResults, QueriesWrapper } = react_1.components.app;
-const gherkinQuery = new gherkin_utils_1.Query();
-const cucumberQuery = new query_1.Query();
-const envelopesQuery = new react_1.EnvelopesQuery();
-for (const envelope of window.CUCUMBER_MESSAGES) {
-    gherkinQuery.update(envelope);
-    cucumberQuery.update(envelope);
-    envelopesQuery.update(envelope);
-}
-const app = (react_2.default.createElement(QueriesWrapper, Object.assign({ gherkinQuery: gherkinQuery, cucumberQuery: cucumberQuery, envelopesQuery: envelopesQuery }, (0, react_1.searchFromURLParams)()),
-    react_2.default.createElement(FilteredResults, null)));
+require("./styles.scss");
+const { CucumberReact } = react_1.components;
+const { FilteredResults, EnvelopesWrapper, SearchWrapper } = react_1.components.app;
+const app = (react_2.default.createElement(CucumberReact, { theme: "auto" },
+    react_2.default.createElement(EnvelopesWrapper, { envelopes: window.CUCUMBER_MESSAGES },
+        react_2.default.createElement(SearchWrapper, Object.assign({}, (0, react_1.searchFromURLParams)()),
+            react_2.default.createElement(FilteredResults, { className: "html-formatter" })))));
 react_dom_1.default.render(app, document.getElementById('content'));
 //# sourceMappingURL=main.js.map

package.json

 {
   "name": "@cucumber/html-formatter",
-  "version": "17.0.0",
+  "version": "18.0.0",
   "description": "HTML formatter for Cucumber",
@@ -17,2 +17,3 @@ "bin": {
   "scripts": {
+    "prepare": "cpy '**/*.scss' '../dist/src' --cwd='src' --parents",
     "test": "mocha",
@@ -22,8 +23,8 @@ "prepublishOnly": "tsc --build tsconfig.build.json"
   "dependencies": {
-    "@cucumber/messages": "^17.1.0",
-    "commander": "8.1.0",
-    "source-map-support": "0.5.19"
+    "@cucumber/messages": "^17.1.1",
+    "commander": "8.3.0",
+    "source-map-support": "0.5.21"
   },
   "devDependencies": {
-    "@babel/core": "7.15.0",
+    "@babel/core": "7.16.12",
     "@cucumber/gherkin-streams": "^4.0.0",
@@ -33,20 +34,22 @@ "@cucumber/gherkin-utils": "^7.0.0",
     "@cucumber/query": "^11.0.0",
-    "@cucumber/react": "^18.0.0",
-    "@types/mocha": "9.0.0",
-    "@types/node": "14.17.14",
-    "@types/react": "17.0.19",
-    "@types/react-dom": "17.0.9",
-    "babel-loader": "8.2.2",
-    "css-loader": "6.2.0",
-    "mini-css-extract-plugin": "2.2.2",
-    "mocha": "9.1.1",
-    "puppeteer": "10.2.0",
+    "@cucumber/react": "^19.0.0",
+    "@types/mocha": "9.1.0",
+    "@types/node": "16.11.21",
+    "@types/react": "17.0.38",
+    "@types/react-dom": "17.0.11",
+    "babel-loader": "8.2.3",
+    "cpy-cli": "3.1.1",
+    "css-loader": "6.5.1",
+    "mini-css-extract-plugin": "2.5.3",
+    "mocha": "9.2.0",
+    "puppeteer": "^13.1.2",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "sass-loader": "12.1.0",
-    "ts-loader": "9.2.5",
-    "ts-node": "10.2.1",
-    "typescript": "4.4.2",
-    "webpack": "5.51.1",
-    "webpack-cli": "4.8.0"
+    "sass": "1.49.0",
+    "sass-loader": "12.4.0",
+    "ts-loader": "9.2.6",
+    "ts-node": "10.4.0",
+    "typescript": "4.5.5",
+    "webpack": "5.67.0",
+    "webpack-cli": "4.9.2"
   },
@@ -53,0 +56,0 @@ "bugs": {

src/CucumberHtmlStream.ts

@@ -49,3 +49,2 @@ import fs from 'fs'
           if (err) return callback(err)
-          // this.writeResource("cucumber-react.css", callback);
           callback()
@@ -52,0 +51,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

Improved metrics

Total package byte prevSize

1595788

increased by8.04%

Number of package files

48

increased by4.35%

Worsened metrics

Dev dependency count

25

increased by8.7%

Lines of code

571

decreased by-0.35%

Dependency changes

• + Addedcommander@8.3.0(transitive)

• + Addedsource-map-support@0.5.21(transitive)

• - Removedcommander@8.1.0(transitive)

• - Removedsource-map-support@0.5.19(transitive)

• Updated@cucumber/messages@^17.1.1

• Updatedcommander@8.3.0

• Updatedsource-map-support@0.5.21