@cucumber/html-formatter - npm Package Compare versions

Comparing version 21.10.1 to 21.11.0

dist/package.json

 {
     "name": "@cucumber/html-formatter",
-    "version": "21.10.1",
+    "version": "21.11.0",
     "description": "HTML formatter for Cucumber",
@@ -29,3 +29,3 @@ "main": "dist/src/index.js",
     "devDependencies": {
-        "@babel/core": "7.26.10",
+        "@babel/core": "7.27.1",
         "@cucumber/compatibility-kit": "^18.0.0",
@@ -38,3 +38,3 @@ "@cucumber/gherkin": "32.1.0",
         "@cucumber/query": "13.2.0",
-        "@cucumber/react-components": "22.4.2",
+        "@cucumber/react-components": "23.0.0",
         "@eslint/compat": "^1.2.7",
@@ -45,8 +45,8 @@ "@eslint/eslintrc": "^3.2.0",
         "@types/mocha": "10.0.10",
-        "@types/node": "22.14.1",
-        "@types/react": "18.3.20",
-        "@types/react-dom": "18.3.6",
+        "@types/node": "22.15.21",
+        "@types/react": "18.3.22",
+        "@types/react-dom": "18.3.7",
         "@typescript-eslint/eslint-plugin": "^8.24.1",
         "@typescript-eslint/parser": "^8.24.1",
-        "babel-loader": "9.2.1",
+        "babel-loader": "10.0.0",
         "css-loader": "7.1.2",
@@ -62,3 +62,3 @@ "eslint": "^9.20.1",
         "mini-css-extract-plugin": "2.9.2",
-        "mocha": "11.1.0",
+        "mocha": "11.5.0",
         "prettier": "^3.5.1",
@@ -68,3 +68,3 @@ "puppeteer": "^24.0.0",
         "react-dom": "18.3.1",
-        "sass": "1.86.3",
+        "sass": "1.89.0",
         "sass-loader": "16.0.5",
@@ -76,3 +76,3 @@ "shx": "^0.4.0",
         "typescript": "5.7.3",
-        "webpack": "5.99.6",
+        "webpack": "5.99.9",
         "webpack-cli": "6.0.1"
@@ -79,0 +79,0 @@ },

dist/src/main.d.ts

 import './styles.scss';
-import * as messages from '@cucumber/messages';
+import { Envelope } from '@cucumber/messages';
 declare global {
     interface Window {
-        CUCUMBER_MESSAGES: messages.Envelope[];
+        CUCUMBER_MESSAGES: Envelope[];
     }
 }
 //# sourceMappingURL=main.d.ts.map

dist/src/main.js

@@ -10,9 +10,10 @@ "use strict";
 const client_1 = require("react-dom/client");
-const { CucumberReact } = react_components_1.components;
-const { FilteredResults, EnvelopesWrapper, SearchWrapper } = react_components_1.components.app;
 const root = (0, client_1.createRoot)(document.getElementById('content'));
-root.render(react_1.default.createElement(CucumberReact, { theme: "auto" },
-    react_1.default.createElement(EnvelopesWrapper, { envelopes: window.CUCUMBER_MESSAGES },
-        react_1.default.createElement(SearchWrapper, Object.assign({}, (0, react_components_1.searchFromURLParams)()),
-            react_1.default.createElement(FilteredResults, { className: "html-formatter" })))));
+root.render(react_1.default.createElement(react_components_1.EnvelopesProvider, { envelopes: window.CUCUMBER_MESSAGES },
+    react_1.default.createElement(react_components_1.UrlSearchProvider, null,
+        react_1.default.createElement("div", { id: "report", className: "html-formatter" },
+            react_1.default.createElement("div", { className: "html-formatter__header" },
+                react_1.default.createElement(react_components_1.ExecutionSummary, null),
+                react_1.default.createElement(react_components_1.SearchBar, null)),
+            react_1.default.createElement(react_components_1.FilteredDocuments, null)))));
 //# sourceMappingURL=main.js.map

dist/test/acceptance.js

@@ -32,3 +32,3 @@ "use strict";
         const dynamicHTML = yield page.evaluate(() => {
-            const content = document.querySelector('[data-testid="cucumber-react"]');
+            const content = document.getElementById('report');
             return content && content.innerHTML;
@@ -35,0 +35,0 @@ });

package.json

 {
   "name": "@cucumber/html-formatter",
-  "version": "21.10.1",
+  "version": "21.11.0",
   "description": "HTML formatter for Cucumber",
@@ -29,3 +29,3 @@ "main": "dist/src/index.js",
   "devDependencies": {
-    "@babel/core": "7.26.10",
+    "@babel/core": "7.27.1",
     "@cucumber/compatibility-kit": "^18.0.0",
@@ -38,3 +38,3 @@ "@cucumber/gherkin": "32.1.0",
     "@cucumber/query": "13.2.0",
-    "@cucumber/react-components": "22.4.2",
+    "@cucumber/react-components": "23.0.0",
     "@eslint/compat": "^1.2.7",
@@ -45,8 +45,8 @@ "@eslint/eslintrc": "^3.2.0",
     "@types/mocha": "10.0.10",
-    "@types/node": "22.14.1",
-    "@types/react": "18.3.20",
-    "@types/react-dom": "18.3.6",
+    "@types/node": "22.15.21",
+    "@types/react": "18.3.22",
+    "@types/react-dom": "18.3.7",
     "@typescript-eslint/eslint-plugin": "^8.24.1",
     "@typescript-eslint/parser": "^8.24.1",
-    "babel-loader": "9.2.1",
+    "babel-loader": "10.0.0",
     "css-loader": "7.1.2",
@@ -62,3 +62,3 @@ "eslint": "^9.20.1",
     "mini-css-extract-plugin": "2.9.2",
-    "mocha": "11.1.0",
+    "mocha": "11.5.0",
     "prettier": "^3.5.1",
@@ -68,3 +68,3 @@ "puppeteer": "^24.0.0",
     "react-dom": "18.3.1",
-    "sass": "1.86.3",
+    "sass": "1.89.0",
     "sass-loader": "16.0.5",
@@ -76,3 +76,3 @@ "shx": "^0.4.0",
     "typescript": "5.7.3",
-    "webpack": "5.99.6",
+    "webpack": "5.99.9",
     "webpack-cli": "6.0.1"
@@ -79,0 +79,0 @@ },

test/acceptance.ts

@@ -19,3 +19,3 @@ import { NdjsonToMessageStream } from '@cucumber/message-streams'
   const dynamicHTML = await page.evaluate(() => {
-    const content = document.querySelector('[data-testid="cucumber-react"]')
+    const content = document.getElementById('report')
     return content && content.innerHTML
@@ -22,0 +22,0 @@ })

No alert changes

Improved metrics

Lines of code

850

1.19%

Worsened metrics

Total package byte prevSize

1012957

-0.33%

No dependency changes