@allurereport/web-awesome 3.14.1 → 3.14.3

package/dist/single/{app-6301d272d7e742f4dc45.js.LICENSE.txt → app-97d4c81e44ac2854f0d3.js.LICENSE.txt}

@@ -1,4 +1,4 @@
-/*! @license DOMPurify 3.4.0 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.4.0/LICENSE */
+/*! @license DOMPurify 3.4.11 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.4.11/LICENSE */
 
 /**
      * Prism: Lightweight, robust, elegant syntax highlighting

package/dist/single/manifest.json

@@ -1,3 +1,3 @@
 {
-  "main.js": "app-6301d272d7e742f4dc45.js"
+  "main.js": "app-97d4c81e44ac2854f0d3.js"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allurereport/web-awesome",
-  "version": "3.14.1",
+  "version": "3.14.3",
   "description": "The static files for Allure Awesome Report",
   "keywords": [
     "allure",
@@ -30,11 +30,11 @@
     "lint:fix": "oxlint --import-plugin --fix src test features stories"
   },
   "dependencies": {
-    "@allurereport/charts-api": "3.14.1",
-    "@allurereport/core-api": "3.14.1",
-    "@allurereport/plugin-api": "3.14.1",
-    "@allurereport/web-commons": "3.14.1",
-    "@allurereport/web-components": "3.14.1",
+    "@allurereport/charts-api": "3.14.3",
+    "@allurereport/core-api": "3.14.3",
+    "@allurereport/plugin-api": "3.14.3",
+    "@allurereport/web-commons": "3.14.3",
+    "@allurereport/web-components": "3.14.3",
     "@preact/signals": "^2.6.1",
     "clsx": "^2.1.1",
     "d3-shape": "^3.2.0",
@@ -47,12 +47,12 @@
   "devDependencies": {
     "@babel/core": "^7.27.4",
     "@babel/plugin-transform-react-jsx": "^7.27.1",
-    "@babel/preset-env": "^7.27.2",
+    "@babel/preset-env": "^8.0.2",
     "@babel/preset-typescript": "^7.27.1",
     "@floating-ui/dom": "^1.6.12",
     "@preact/compat": "^18.3.1",
     "@preact/preset-vite": "^2.10.2",
-    "@testing-library/jest-dom": "^6.1.5",
+    "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/preact": "^3.2.3",
     "@testing-library/user-event": "^14.5.1",
     "@types/babel__core": "^7.20.5",
@@ -65,7 +65,7 @@
     "allure-js-commons": "^3",
     "allure-vitest": "^3",
     "autoprefixer": "^10.4.20",
-    "babel-loader": "^9.2.1",
+    "babel-loader": "^10.1.1",
     "babel-plugin-prismjs": "^2.1.0",
     "css-loader": "^7.1.4",
     "diff": "^8.0.3",

package/src/components/ReportGlobalAttachments/index.tsx

@@ -39,6 +39,33 @@ export const ReportGlobalAttachments = () => {
     <div className={styles["report-global-attachments"]}>{renderAttachmentList(attachments)}</div>
   );
 
+  const renderAttachmentSections = (entries: Array<[string, PluginGlobalAttachment[]]>) => (
+    <div className={styles["report-global-attachments"]}>
+      {entries.map(([environmentId, envAttachments]) => {
+        const isOpened = !collapsedEnvs.includes(environmentId);
+        const toggleEnv = () => {
+          setCollapsedEnvs((prev) =>
+            isOpened ? prev.concat(environmentId) : prev.filter((currentId) => currentId !== environmentId),
+          );
+        };
+
+        return (
+          <div key={environmentId} className={styles["report-global-attachments-section"]}>
+            <MetadataButton
+              isOpened={isOpened}
+              setIsOpen={toggleEnv}
+              title={`${tEnvironments("environment", { count: 1 })}: "${environmentNameById(environmentId)}"`}
+              titleTooltipText={environmentNameById(environmentId)}
+              truncateTitle
+              counter={envAttachments.length}
+            />
+            {isOpened ? renderAttachmentList(envAttachments) : null}
+          </div>
+        );
+      })}
+    </div>
+  );
+
   return (
     <Loadable
       source={globalsStore}
@@ -50,7 +77,7 @@ export const ReportGlobalAttachments = () => {
             return <div className={styles["report-global-attachments-empty"]}>{t("no-attachments-results")}</div>;
           }
 
-          return renderAttachmentsContent(currentEnvAttachments);
+          return renderAttachmentSections([[currentEnvironment.value, currentEnvAttachments]]);
         }
 
         const entries = Object.entries(attachmentsByEnv).filter(([, envAttachments]) => envAttachments.length > 0);
@@ -71,32 +98,7 @@ export const ReportGlobalAttachments = () => {
           return <div className={styles["report-global-attachments-empty"]}>{t("no-attachments-results")}</div>;
         }
 
-        return (
-          <div className={styles["report-global-attachments"]}>
-            {entries.map(([environmentId, envAttachments]) => {
-              const isOpened = !collapsedEnvs.includes(environmentId);
-              const toggleEnv = () => {
-                setCollapsedEnvs((prev) =>
-                  isOpened ? prev.concat(environmentId) : prev.filter((currentId) => currentId !== environmentId),
-                );
-              };
-
-              return (
-                <div key={environmentId} className={styles["report-global-attachments-section"]}>
-                  <MetadataButton
-                    isOpened={isOpened}
-                    setIsOpen={toggleEnv}
-                    title={`${tEnvironments("environment", { count: 1 })}: "${environmentNameById(environmentId)}"`}
-                    titleTooltipText={environmentNameById(environmentId)}
-                    truncateTitle
-                    counter={envAttachments.length}
-                  />
-                  {isOpened ? renderAttachmentList(envAttachments) : null}
-                </div>
-              );
-            })}
-          </div>
-        );
+        return renderAttachmentSections(entries);
       }}
     />
   );

package/src/components/ReportGlobalErrors/index.tsx

@@ -30,6 +30,33 @@ export const ReportGlobalErrors = () => {
     <div className={styles["report-global-errors-container"]}>{renderErrors(errors)}</div>
   );
 
+  const renderErrorSections = (entries: Array<[string, PluginGlobalError[]]>) => (
+    <div className={styles["report-global-errors-container"]}>
+      {entries.map(([environmentId, envErrors]) => {
+        const isOpened = !collapsedEnvs.includes(environmentId);
+        const toggleEnv = () => {
+          setCollapsedEnvs((prev) =>
+            isOpened ? prev.concat(environmentId) : prev.filter((currentId) => currentId !== environmentId),
+          );
+        };
+
+        return (
+          <div key={environmentId} className={styles["report-global-errors-section"]}>
+            <MetadataButton
+              isOpened={isOpened}
+              setIsOpen={toggleEnv}
+              title={`${tEnvironments("environment", { count: 1 })}: "${environmentNameById(environmentId)}"`}
+              titleTooltipText={environmentNameById(environmentId)}
+              truncateTitle
+              counter={envErrors.length}
+            />
+            {isOpened ? renderErrors(envErrors) : null}
+          </div>
+        );
+      })}
+    </div>
+  );
+
   return (
     <Loadable
       source={globalsStore}
@@ -41,7 +68,7 @@ export const ReportGlobalErrors = () => {
             return <div className={styles["report-global-errors-empty"]}>{t("no-global-errors-results")}</div>;
           }
 
-          return renderErrorsContent(currentEnvErrors);
+          return renderErrorSections([[currentEnvironment.value, currentEnvErrors]]);
         }
 
         const entries = Object.entries(errorsByEnv).filter(([, envErrors]) => envErrors.length > 0);
@@ -62,32 +89,7 @@ export const ReportGlobalErrors = () => {
           return <div className={styles["report-global-errors-empty"]}>{t("no-global-errors-results")}</div>;
         }
 
-        return (
-          <div className={styles["report-global-errors-container"]}>
-            {entries.map(([environmentId, envErrors]) => {
-              const isOpened = !collapsedEnvs.includes(environmentId);
-              const toggleEnv = () => {
-                setCollapsedEnvs((prev) =>
-                  isOpened ? prev.concat(environmentId) : prev.filter((currentId) => currentId !== environmentId),
-                );
-              };
-
-              return (
-                <div key={environmentId} className={styles["report-global-errors-section"]}>
-                  <MetadataButton
-                    isOpened={isOpened}
-                    setIsOpen={toggleEnv}
-                    title={`${tEnvironments("environment", { count: 1 })}: "${environmentNameById(environmentId)}"`}
-                    titleTooltipText={environmentNameById(environmentId)}
-                    truncateTitle
-                    counter={envErrors.length}
-                  />
-                  {isOpened ? renderErrors(envErrors) : null}
-                </div>
-              );
-            })}
-          </div>
-        );
+        return renderErrorSections(entries);
       }}
     />
   );

package/test/components/ReportGlobals.test.tsx

@@ -15,10 +15,10 @@ const environmentNames: Record<string, string> = {
   qa_env: "QA",
 };
 
-const setupGlobalsComponent = async (data: Record<string, unknown>) => {
+const setupGlobalsComponent = async (data: Record<string, unknown>, selectedEnvironment = "") => {
   vi.resetModules();
 
-  const currentEnvironment = signal("");
+  const currentEnvironment = signal(selectedEnvironment);
   const globalsStore = signal({
     loading: false,
     error: undefined,
@@ -164,4 +164,80 @@ describe("components > Report globals", () => {
     expect(screen.getByText('environment: "QA" (1)')).toBeInTheDocument();
     expect(screen.getByText('environment: "Prod" (1)')).toBeInTheDocument();
   }, 15000);
+
+  it("should keep only selected attachment bucket", async () => {
+    await setupGlobalsComponent(
+      {
+        attachments: [],
+        attachmentsByEnv: {
+          default: [
+            {
+              id: "default",
+              name: "default.log",
+              originalFileName: "default.log",
+              ext: ".log",
+              used: true,
+              missed: false,
+              environment: "default",
+            },
+          ],
+          qa_env: [
+            {
+              id: "qa",
+              name: "qa.log",
+              originalFileName: "qa.log",
+              ext: ".log",
+              used: true,
+              missed: false,
+              environment: "QA",
+            },
+          ],
+          prod_env: [
+            {
+              id: "prod",
+              name: "prod.log",
+              originalFileName: "prod.log",
+              ext: ".log",
+              used: true,
+              missed: false,
+              environment: "Prod",
+            },
+          ],
+        },
+      },
+      "qa_env",
+    );
+
+    const { ReportGlobalAttachments } = await import("@/components/ReportGlobalAttachments");
+
+    render(<ReportGlobalAttachments />);
+
+    expect(screen.getByText('environment: "QA" (1)')).toBeInTheDocument();
+    expect(screen.queryByText('environment: "default" (1)')).not.toBeInTheDocument();
+    expect(screen.queryByText('environment: "Prod" (1)')).not.toBeInTheDocument();
+    expect(screen.getByText("qa.log")).toBeInTheDocument();
+  }, 15000);
+
+  it("should keep only selected error bucket", async () => {
+    await setupGlobalsComponent(
+      {
+        errors: [],
+        errorsByEnv: {
+          default: [{ message: "Default failure", environment: "default" }],
+          qa_env: [{ message: "QA failure", environment: "QA" }],
+          prod_env: [{ message: "Prod failure", environment: "Prod" }],
+        },
+      },
+      "qa_env",
+    );
+
+    const { ReportGlobalErrors } = await import("@/components/ReportGlobalErrors");
+
+    render(<ReportGlobalErrors />);
+
+    expect(screen.getByText('environment: "QA" (1)')).toBeInTheDocument();
+    expect(screen.queryByText('environment: "default" (1)')).not.toBeInTheDocument();
+    expect(screen.queryByText('environment: "Prod" (1)')).not.toBeInTheDocument();
+    expect(screen.getByText("QA failure")).toBeInTheDocument();
+  }, 15000);
 });