@allurereport/web-classic 3.9.0 → 3.10.0

package/dist/single/manifest.json

@@ -1,3 +1,3 @@
 {
-  "main.js": "app-3d4358effbb13febd942.js"
+  "main.js": "app-099b8ba247b13f22ce56.js"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allurereport/web-classic",
-  "version": "3.9.0",
+  "version": "3.10.0",
   "description": "The static files for Allure Classic Report",
   "keywords": [
     "allure",
@@ -30,10 +30,10 @@
     "lint:fix": "oxlint --import-plugin --fix src test features stories"
   },
   "dependencies": {
-    "@allurereport/charts-api": "3.9.0",
-    "@allurereport/core-api": "3.9.0",
-    "@allurereport/web-commons": "3.9.0",
-    "@allurereport/web-components": "3.9.0",
+    "@allurereport/charts-api": "3.10.0",
+    "@allurereport/core-api": "3.10.0",
+    "@allurereport/web-commons": "3.10.0",
+    "@allurereport/web-components": "3.10.0",
     "@preact/signals": "^2.6.1",
     "clsx": "^2.1.1",
     "d3-shape": "^3.2.0",
@@ -52,13 +52,13 @@
     "@types/babel__core": "^7.20.5",
     "@types/d3-shape": "^3.1.6",
     "@types/md5": "^2.3.5",
-    "@types/node": "^20.17.9",
+    "@types/node": "^20",
     "@types/prismjs": "^1.26.5",
     "@types/underscore": "^1",
-    "@vitest/runner": "^2.1.9",
+    "@vitest/runner": "^2",
     "@vitest/snapshot": "^2.1.9",
-    "allure-js-commons": "^3.3.3",
-    "allure-vitest": "^3.3.3",
+    "allure-js-commons": "^3",
+    "allure-vitest": "^3",
     "autoprefixer": "^10.4.20",
     "babel-loader": "^9.2.1",
     "babel-plugin-prismjs": "^2.1.0",
@@ -71,18 +71,18 @@
     "html-webpack-plugin": "^5.6.3",
     "mini-css-extract-plugin": "^2.9.1",
     "npm-run-all2": "^7.0.1",
-    "postcss": "^8.5.6",
-    "rimraf": "^6.0.1",
+    "postcss": "^8.5.10",
+    "rimraf": "^6",
     "sass": "^1.79.1",
     "sass-loader": "^16.0.1",
     "style-loader": "^4.0.0",
     "svg-sprite-loader": "^6.0.11",
-    "typescript": "^5.6.3",
+    "typescript": "^5",
     "underscore": "^1.13.8",
-    "vitest": "^2.1.9",
+    "vitest": "^4.1.0",
     "webpack": "^5.99.9",
     "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^5.2.2",
+    "webpack-dev-server": "^5.2.4",
     "webpack-manifest-plugin": "^5.0.0"
   },
   "browserslist": [

package/src/components/TestResult/TestResultSteps/attachmentVideo.tsx

@@ -1,6 +1,8 @@
 import { Spinner } from "@allurereport/web-components";
 import { type FunctionalComponent } from "preact";
 
+import * as styles from "./styles.scss";
+
 export const AttachmentVideo: FunctionalComponent<{
   attachment: { src: string; contentType?: string };
 }> = ({ attachment }) => {
@@ -8,7 +10,7 @@ export const AttachmentVideo: FunctionalComponent<{
     return <Spinner />;
   }
   return (
-    <video controls loop muted>
+    <video class={styles["test-result-attachment-video"]} controls loop muted>
       <source src={attachment?.src} type={attachment?.contentType} />
     </video>
   );

package/src/components/TestResult/TestResultSteps/styles.scss

@@ -159,9 +159,11 @@
   height: 100%;
 
   img {
-    width: 100%;
-    height: 100%;
-    object-fit: scale-down;
+    display: block;
+    max-width: 100%;
+    max-height: 80vh;
+    width: auto;
+    height: auto;
   }
 }
 
@@ -228,3 +230,11 @@
 .html-attachment-preview {
   padding: 0 16px;
 }
+
+.test-result-attachment-video {
+  display: block;
+  max-width: 100%;
+  max-height: 80vh;
+  width: auto;
+  height: auto;
+}

package/src/index.js

@@ -16,6 +16,7 @@ import "./favicon.ico";
 import "./pluginApi.js";
 import "./plugins/default/index.js";
 import "./plugins/screen-diff/index.js";
+
 import "./plugins/screen-diff/styles.css";
 import "./plugins/tab-behaviors/index.js";
 import "./plugins/tab-category/index.js";

package/webpack.config.js

@@ -1,11 +1,14 @@
-import HtmlWebpackPlugin from "html-webpack-plugin";
-import MiniCssExtractPlugin from "mini-css-extract-plugin";
+import { createRequire } from "node:module";
 import { dirname, join } from "node:path";
 import { env } from "node:process";
 import { fileURLToPath } from "node:url";
-import SpriteLoaderPlugin from "svg-sprite-loader/plugin.js";
-import webpack from "webpack";
-import { WebpackManifestPlugin } from "webpack-manifest-plugin";
+
+const require = createRequire(import.meta.url);
+const HtmlWebpackPlugin = require("html-webpack-plugin");
+const MiniCssExtractPlugin = require("mini-css-extract-plugin");
+const SpriteLoaderPlugin = require("svg-sprite-loader/plugin");
+const webpack = require("webpack");
+const { WebpackManifestPlugin } = require("webpack-manifest-plugin");
 
 const { SINGLE_FILE_MODE } = env;
 const baseDir = dirname(fileURLToPath(import.meta.url));