@allurereport/web-awesome 3.0.0-beta.8 → 3.0.0

package/src/components/TestResult/{TestResultSetup → TrSetup}/index.tsx

@@ -1,34 +1,43 @@
 import { allureIcons } from "@allurereport/web-components";
 import type { FunctionalComponent } from "preact";
 import { useState } from "preact/hooks";
-import type { AllureAwesomeTestResult } from "types";
-import { TestResultDropdown } from "@/components/TestResult/TestResultDropdown";
-import * as styles from "@/components/TestResult/TestResultSteps/styles.scss";
-import { TestResultAttachment } from "@/components/TestResult/TestResultSteps/testResultAttachment";
-import { TestResultStep } from "@/components/TestResult/TestResultSteps/testResultStep";
+import type { AwesomeTestResult } from "types";
+import { TrDropdown } from "@/components/TestResult/TrDropdown";
+import { TrAttachment } from "@/components/TestResult/TrSteps/TrAttachment";
+import { TrStep } from "@/components/TestResult/TrSteps/TrStep";
+import * as styles from "@/components/TestResult/TrSteps/styles.scss";
 import { useI18n } from "@/stores/locale";
+import { collapsedTrees, toggleTree } from "@/stores/tree";
 
 const typeMap = {
-  before: TestResultStep,
-  after: TestResultStep,
-  step: TestResultStep,
-  attachment: TestResultAttachment,
+  before: TrStep,
+  after: TrStep,
+  step: TrStep,
+  attachment: TrAttachment,
 };
 
-export type TestResultSetupProps = {
-  setup: AllureAwesomeTestResult["setup"];
+export type TrSetupProps = {
+  setup: AwesomeTestResult["setup"];
+  id?: string;
 };
 
-export const TestResultSetup: FunctionalComponent<TestResultSetupProps> = ({ setup }) => {
-  const [isOpened, setIsOpen] = useState(false);
+export const TrSetup: FunctionalComponent<TrSetupProps> = ({ setup, id }) => {
+  const teardownId = `${id}-setup`;
+  const isEarlyCollapsed = Boolean(!collapsedTrees.value.has(teardownId));
+  const [isOpened, setIsOpen] = useState<boolean>(isEarlyCollapsed);
+
+  const handleClick = () => {
+    setIsOpen(!isOpened);
+    toggleTree(teardownId);
+  };
   const { t } = useI18n("execution");
 
   return (
     <div className={styles["test-result-steps"]}>
-      <TestResultDropdown
+      <TrDropdown
         icon={allureIcons.lineTimeClockStopwatch}
         isOpened={isOpened}
-        setIsOpen={setIsOpen}
+        setIsOpen={handleClick}
         counter={setup?.length}
         title={t("setup")}
       />

package/src/components/TestResult/{TestResultSeverity → TrSeverity}/index.tsx

@@ -1,7 +1,7 @@
+import { capitalize } from "@allurereport/core-api";
 import { SvgIcon, Text, allureIcons } from "@allurereport/web-components";
 import clsx from "clsx";
 import { useI18n } from "@/stores/locale";
-import { capitalize } from "@/utils/capitalize";
 import * as styles from "./styles.scss";
 
 const icons: Record<string, string> = {
@@ -12,7 +12,7 @@ const icons: Record<string, string> = {
   trivial: allureIcons.lineArrowsChevronDownDouble,
 };
 
-export const TestResultSeverity = ({ severity = "normal" }: { severity?: string }) => {
+export const TrSeverity = ({ severity = "normal" }: { severity?: string }) => {
   const { t } = useI18n("severity");
   const statusClass = clsx(styles[`severity-${severity}`]);
 

package/src/components/TestResult/{TestResultStatus → TrStatus}/index.tsx

@@ -1,13 +1,13 @@
 import type { TestStatus } from "@allurereport/core-api";
-import { Text } from "@allurereport/web-components";
+import { capitalize } from "@allurereport/core-api";
+import { Text, TreeItemIcon } from "@allurereport/web-components";
 import clsx from "clsx";
-import TreeItemIcon from "@/components/Tree/TreeItemIcon";
 import { useI18n } from "@/stores";
-import { capitalize } from "@/utils/capitalize";
 import * as styles from "./styles.scss";
 
-export const TestResultStatus = ({ status }: { status: TestStatus }) => {
+export const TrStatus = ({ status }: { status: TestStatus }) => {
   const { t } = useI18n("statuses");
+
   return (
     <div
       data-testid={`test-result-status-${status}`}
@@ -18,7 +18,7 @@ export const TestResultStatus = ({ status }: { status: TestStatus }) => {
         className={styles["test-result-status-icon"]}
         classNameIcon={styles["test-result-status-icon"]}
       />
-      <Text type={"ui"} size={"s"} bold className={styles["test-result-status-text"]}>
+      <Text type={"ui"} size={"s"} className={styles["test-result-status-text"]}>
         {capitalize(t(status) ?? status)}
       </Text>
     </div>

package/src/components/TestResult/TrSteps/TrAttachment.tsx

@@ -0,0 +1,118 @@
+import type { AttachmentTestStepResult } from "@allurereport/core-api";
+import { attachmentType } from "@allurereport/web-commons";
+import { ArrowButton, Attachment, Code, SvgIcon, Text, allureIcons } from "@allurereport/web-components";
+import cx from "clsx";
+import type { FunctionComponent } from "preact";
+import { useState } from "preact/hooks";
+import { TrAttachmentInfo } from "@/components/TestResult/TrSteps/TrAttachmentInfo";
+import * as styles from "@/components/TestResult/TrSteps/styles.scss";
+import { openModal } from "@/stores/modal";
+
+const { lineImagesImage, lineFilesFileAttachment2, playwrightLogo } = allureIcons;
+
+const iconMap: Record<string, string> = {
+  "text/plain": lineFilesFileAttachment2,
+  "application/xml": lineFilesFileAttachment2,
+  "text/html": lineFilesFileAttachment2,
+  "text/csv": lineFilesFileAttachment2,
+  "text/markdown": lineFilesFileAttachment2,
+  "text/javascript": lineFilesFileAttachment2,
+  "text/typescript": lineFilesFileAttachment2,
+  "text/ruby": lineFilesFileAttachment2,
+  "text/python": lineFilesFileAttachment2,
+  "text/php": lineFilesFileAttachment2,
+  "text/java": lineFilesFileAttachment2,
+  "text/csharp": lineFilesFileAttachment2,
+  "text/cpp": lineFilesFileAttachment2,
+  "text/c": lineFilesFileAttachment2,
+  "text/go": lineFilesFileAttachment2,
+  "text/rust": lineFilesFileAttachment2,
+  "text/swift": lineFilesFileAttachment2,
+  "text/kotlin": lineFilesFileAttachment2,
+  "text/scala": lineFilesFileAttachment2,
+  "text/perl": lineFilesFileAttachment2,
+  "text/r": lineFilesFileAttachment2,
+  "text/dart": lineFilesFileAttachment2,
+  "text/lua": lineFilesFileAttachment2,
+  "text/haskell": lineFilesFileAttachment2,
+  "text/sql": lineFilesFileAttachment2,
+  "text/tab-separated-values": lineFilesFileAttachment2,
+  "text/css": lineFilesFileAttachment2,
+  "text/uri-list": lineFilesFileAttachment2,
+  "image/svg+xml": lineImagesImage,
+  "image/png": lineImagesImage,
+  "application/json": lineFilesFileAttachment2,
+  "application/zip": lineFilesFileAttachment2,
+  "video/webm": lineImagesImage,
+  "image/jpeg": lineImagesImage,
+  "video/mp4": lineImagesImage,
+  "application/vnd.allure.image.diff": lineImagesImage,
+  "application/vnd.allure.playwright-trace": playwrightLogo,
+};
+
+export const TrAttachment: FunctionComponent<{
+  item: AttachmentTestStepResult;
+  stepIndex?: number;
+  className?: string;
+}> = ({ item, stepIndex }) => {
+  const [isOpened, setIsOpen] = useState(false);
+  const { link } = item;
+  const { missed } = link;
+  const componentType = attachmentType(link.contentType);
+  const isValidComponentType = !["archive", null].includes(componentType.type as string);
+
+  const expandAttachment = (event: Event) => {
+    event.stopPropagation();
+    if (componentType.type !== "image") {
+      return;
+    }
+    openModal({
+      data: item,
+      component: <Attachment item={item} previewable={true} />,
+    });
+  };
+
+  return (
+    <div data-testid={"test-result-attachment"} className={styles["test-result-step"]}>
+      <div
+        data-testid={"test-result-attachment-header"}
+        className={cx(styles["test-result-attachment-header"], {
+          [styles.empty]: !isValidComponentType,
+        })}
+        onClick={(e) => {
+          e.stopPropagation();
+          setIsOpen((prev) => !prev);
+        }}
+      >
+        {isValidComponentType ? <ArrowButton isOpened={isOpened} /> : <div className={styles["test-result-strut"]} />}
+        <div className={styles["test-result-attachment-icon"]}>
+          <SvgIcon size="s" id={iconMap[link.contentType] ?? lineFilesFileAttachment2} />
+        </div>
+
+        <Code size="s" className={styles["test-result-step-number"]}>
+          {stepIndex}
+        </Code>
+        <Text className={styles["test-result-attachment-text"]}>{link.name || link.originalFileName}</Text>
+        {missed && (
+          <Text
+            size={"s"}
+            className={styles["test-result-attachment-missed"]}
+            data-testid={"test-result-attachment-missed"}
+          >
+            missed
+          </Text>
+        )}
+        <div>
+          <TrAttachmentInfo item={item} shouldExpand={isValidComponentType} />
+        </div>
+      </div>
+      {isOpened && isValidComponentType && (
+        <div className={styles["test-result-attachment-content-wrapper"]}>
+          <div className={styles["test-result-attachment-content"]} role={"button"} onClick={expandAttachment}>
+            <Attachment item={item} />
+          </div>
+        </div>
+      )}
+    </div>
+  );
+};

package/src/components/TestResult/{TestResultSteps/testResultAttachmentInfo.tsx → TrSteps/TrAttachmentInfo.tsx}

@@ -1,25 +1,23 @@
 import type { AttachmentTestStepResult } from "@allurereport/core-api";
-import { IconButton, Text, TooltipWrapper, allureIcons } from "@allurereport/web-components";
+import { downloadAttachment } from "@allurereport/web-commons";
+import { Attachment, IconButton, Text, TooltipWrapper, allureIcons } from "@allurereport/web-components";
 import { filesize } from "filesize";
 import type { FunctionalComponent } from "preact";
 import { useEffect } from "preact/hooks";
-import { isModalOpen, openModal } from "@/components/Modal";
-import { Attachment } from "@/components/TestResult/TestResultSteps/attachment";
-import * as styles from "@/components/TestResult/TestResultSteps/styles.scss";
+import { PwTraceButton } from "@/components/TestResult/TrPwTraces/PwTraceButton";
+import * as styles from "@/components/TestResult/TrSteps/styles.scss";
 import { useI18n } from "@/stores";
-import { downloadAttachment } from "@/utils/attachments";
+import { isModalOpen, openModal } from "@/stores/modal";
 
-interface TestResultAttachmentInfoProps {
+interface TrAttachmentInfo {
   item?: AttachmentTestStepResult;
   shouldExpand?: boolean;
 }
 
-export const TestResultAttachmentInfo: FunctionalComponent<TestResultAttachmentInfoProps> = ({
-  item,
-  shouldExpand,
-}) => {
-  const { id, ext, contentType } = item.link;
+export const TrAttachmentInfo: FunctionalComponent<TrAttachmentInfo> = ({ item, shouldExpand }) => {
   const { t: tooltip } = useI18n("controls");
+  const { id, ext, contentType } = item.link;
+  const isPwTrace = contentType === "application/vnd.allure.playwright-trace";
   const contentLength = item.link.missed === false ? item.link.contentLength : undefined;
   const contentSize = contentLength
     ? filesize(contentLength, {
@@ -39,6 +37,7 @@ export const TestResultAttachmentInfo: FunctionalComponent<TestResultAttachmentI
   useEffect(() => {
     if (isModalOpen.value) {
       openModal({
+        isModalOpen: true,
         data: item,
         component: <Attachment item={item} />,
       });
@@ -55,6 +54,7 @@ export const TestResultAttachmentInfo: FunctionalComponent<TestResultAttachmentI
       {Boolean(contentType) && <Text size={"s"}>{contentType}</Text>}
       {Boolean(contentSize) && <Text size={"s"}>{contentSize}</Text>}
       <div className={styles["item-buttons"]}>
+        {isPwTrace && <PwTraceButton link={item.link} />}
         {shouldExpand && (
           <TooltipWrapper tooltipText={tooltip("expand")}>
             <IconButton

package/src/components/TestResult/TrSteps/TrStep.tsx

@@ -0,0 +1,98 @@
+import type { DefaultTestStepResult, TestStatus, TestStepResult } from "@allurereport/core-api";
+import { ArrowButton, Code, SvgIcon, Text, TreeItemIcon, allureIcons } from "@allurereport/web-components";
+import type { FunctionComponent } from "preact";
+import { useState } from "preact/hooks";
+import { MetadataList } from "@/components/Metadata";
+import { type MetadataItem } from "@/components/ReportMetadata";
+import { TrError } from "@/components/TestResult/TrError";
+import { TrAttachment } from "@/components/TestResult/TrSteps/TrAttachment";
+import { TrStepInfo } from "@/components/TestResult/TrSteps/TrStepInfo";
+import * as styles from "@/components/TestResult/TrSteps/styles.scss";
+import { collapsedTrees, toggleTree } from "@/stores/tree";
+
+export const TrStepParameters = (props: { parameters: DefaultTestStepResult["parameters"] }) => {
+  const { parameters } = props;
+
+  return (
+    <div className={styles["test-result-parameters"]}>
+      <MetadataList size={"s"} envInfo={parameters as unknown as MetadataItem[]} columns={1} />
+    </div>
+  );
+};
+
+export const TrStepsContent = (props: { item: DefaultTestStepResult }) => {
+  const { item } = props;
+
+  return (
+    <div data-testid={"test-result-step-content"} className={styles["test-result-step-content"]}>
+      {Boolean(item?.parameters?.length) && <TrStepParameters parameters={item.parameters} />}
+      {Boolean(item?.message && item?.trace && !item?.hasSimilarErrorInSubSteps) && <TrError {...item} />}
+      {Boolean(item?.steps?.length) && (
+        <>
+          {item.steps?.map((subItem, key) => {
+            if (subItem.type === "step") {
+              return <TrStep stepIndex={key + 1} key={key} item={subItem} />;
+            }
+
+            if (subItem.type === "attachment") {
+              return <TrAttachment stepIndex={key + 1} key={key} item={subItem} />;
+            }
+
+            return null;
+          })}
+        </>
+      )}
+    </div>
+  );
+};
+
+const hasFailedStep = (step: TestStepResult): boolean => {
+  if (step.type !== "step") {
+    return false;
+  }
+
+  return step.status !== "passed" || step.steps.some(hasFailedStep);
+};
+
+export const TrStep: FunctionComponent<{
+  item: DefaultTestStepResult;
+  stepIndex?: number;
+  className?: string;
+}> = ({ item, stepIndex }) => {
+  const haveFailedSteps = hasFailedStep(item);
+  const isEarlyOpened = collapsedTrees.value.has(item.stepId) ? false : Boolean(haveFailedSteps);
+  const [isOpened, setIsOpen] = useState(isEarlyOpened || false);
+  const hasContent = Boolean(item?.steps?.length || item?.parameters?.length || item?.message || item?.trace);
+
+  const handleClick = () => {
+    setIsOpen(!isOpened);
+    toggleTree(item.stepId);
+  };
+
+  return (
+    <div data-testid={"test-result-step"} className={styles["test-result-step"]}>
+      <div className={styles["test-result-step-header"]} onClick={handleClick}>
+        {!hasContent ? (
+          <div className={styles["test-result-strut"]} />
+        ) : (
+          <ArrowButton
+            isOpened={isOpened}
+            icon={allureIcons.arrowsChevronDown}
+            iconSize={"xs"}
+            className={!hasContent ? styles["test-result-visibility-hidden"] : ""}
+            data-testid={"test-result-step-arrow-button"}
+          />
+        )}
+        <TreeItemIcon status={item.status} />
+        <Code size={"s"} className={styles["test-result-step-number"]}>
+          {stepIndex}
+        </Code>
+        <Text data-testid={"test-result-step-title"} className={styles["test-result-header-text"]}>
+          {item.name}
+        </Text>
+        <TrStepInfo item={item} />
+      </div>
+      {hasContent && isOpened && <TrStepsContent item={item} />}
+    </div>
+  );
+};

package/src/components/TestResult/TrSteps/TrStepInfo.tsx

@@ -0,0 +1,90 @@
+import {
+  type DefaultTestStepResult,
+  type TestStatus,
+  type TestStepResult,
+  formatDuration,
+} from "@allurereport/core-api";
+import { SvgIcon, Text, allureIcons } from "@allurereport/web-components";
+import clsx from "clsx";
+import * as styles from "@/components/TestResult/TrSteps/styles.scss";
+
+const countErrorStatuses = (step: TestStepResult): Record<string, number> => {
+  if (step.type !== "step") {
+    return;
+  }
+  const result: Record<string, number> = {};
+
+  const collectFromSteps = (currentStep: TestStepResult) => {
+    if (currentStep.type !== "step") {
+      return;
+    }
+    if (currentStep.status !== "passed") {
+      result[currentStep.status] = (result[currentStep.status] || 0) + 1;
+    }
+    currentStep.steps?.forEach(collectFromSteps);
+  };
+  step?.steps?.forEach(collectFromSteps);
+
+  return result;
+};
+
+const {
+  lineGeneralCheckCircle,
+  lineGeneralHelpCircle,
+  lineGeneralMinusCircle,
+  lineGeneralXCircle,
+  lineGeneralInfoCircle,
+} = allureIcons;
+
+const icons = {
+  failed: lineGeneralXCircle,
+  broken: lineGeneralInfoCircle,
+  passed: lineGeneralCheckCircle,
+  skipped: lineGeneralMinusCircle,
+  unknown: lineGeneralHelpCircle,
+};
+
+export const TrStepInfo = (props: { item: DefaultTestStepResult }) => {
+  const { item } = props;
+  const formattedDuration = formatDuration(item?.duration as number);
+  const stepLength = item.steps?.length;
+  const attachmentLength = item.steps?.filter((step) => step.type === "attachment")?.length;
+
+  const failedStepsInTree = countErrorStatuses(item) || {};
+
+  const FailedSteps = () => (
+    <div className={styles["failed-steps"]}>
+      {Object.entries(failedStepsInTree).map(([status, count], index) => (
+        <div className={styles["item-status"]} key={index}>
+          <SvgIcon
+            size="s"
+            id={icons[status as TestStatus]}
+            className={clsx(styles["item-status-icon"], styles[`status-${status}`])}
+          />
+          {count && <Text size={"s"}>{count}</Text>}
+        </div>
+      ))}
+    </div>
+  );
+
+  return (
+    <div className={styles["item-info"]}>
+      <FailedSteps />
+      {Boolean(stepLength) && (
+        <div className={styles["item-info-step"]}>
+          <SvgIcon id={allureIcons.lineArrowsCornerDownRight} className={styles["item-info-step-icon"]} />
+          <Text size={"s"}>{stepLength}</Text>
+        </div>
+      )}
+      {Boolean(attachmentLength) && (
+        <div className={styles["item-info-step"]}>
+          <SvgIcon id={allureIcons.lineFilesFileAttachment2} className={styles["item-info-step-icon"]} />
+          <Text size={"s"}>{attachmentLength}</Text>
+        </div>
+      )}
+      <Text type="ui" size={"s"} className={styles["item-time"]}>
+        {formattedDuration}
+      </Text>
+    </div>
+  );
+};

package/src/components/TestResult/TrSteps/index.tsx

@@ -0,0 +1,58 @@
+import { allureIcons } from "@allurereport/web-components";
+import type { FunctionalComponent } from "preact";
+import { useState } from "preact/hooks";
+import type { AwesomeTestResult, AwesomeTestStepResult } from "types";
+import { TrDropdown } from "@/components/TestResult/TrDropdown";
+import { TrAttachment } from "@/components/TestResult/TrSteps/TrAttachment";
+import { TrStep } from "@/components/TestResult/TrSteps/TrStep";
+import { useI18n } from "@/stores/locale";
+import { collapsedTrees, toggleTree } from "@/stores/tree";
+import * as styles from "./styles.scss";
+
+const typeMap = {
+  step: TrStep,
+  attachment: TrAttachment,
+} as const;
+
+export type TrStepsProps = {
+  steps: AwesomeTestResult["steps"];
+  id?: string;
+};
+
+type StepComponentProps = FunctionalComponent<{
+  item?: AwesomeTestStepResult;
+  stepIndex?: number;
+}>;
+
+export const TrSteps: FunctionalComponent<TrStepsProps> = ({ steps, id }) => {
+  const stepsId = `${id}-steps`;
+  const isEarlyCollapsed = Boolean(!collapsedTrees.value.has(stepsId));
+  const [isOpened, setIsOpen] = useState<boolean>(isEarlyCollapsed);
+
+  const handleClick = () => {
+    setIsOpen(!isOpened);
+    toggleTree(stepsId);
+  };
+
+  const { t } = useI18n("execution");
+  return (
+    <div className={styles["test-result-steps"]}>
+      <TrDropdown
+        icon={allureIcons.lineHelpersPlayCircle}
+        isOpened={isOpened}
+        setIsOpen={handleClick}
+        counter={steps?.length}
+        title={t("body")}
+      />
+      {isOpened && (
+        <div className={styles["test-result-steps-root"]}>
+          {steps?.map((item: AwesomeTestStepResult, index) => {
+            const { type } = item;
+            const StepComponent: StepComponentProps = typeMap[type];
+            return StepComponent ? <StepComponent item={item} stepIndex={index + 1} key={index} /> : null;
+          })}
+        </div>
+      )}
+    </div>
+  );
+};

package/src/components/TestResult/{TestResultSteps → TrSteps}/styles.scss

@@ -1,3 +1,5 @@
+@import "~@allurereport/web-components/mixins.scss";
+
 .test-result-steps {
   padding-right: 24px;
 
@@ -23,16 +25,12 @@
 }
 
 .test-result-attachment-content {
-  max-height: 450px;
-  overflow-y: auto;
   border-top: 1px solid var(--on-border-muted);
 }
 
 .test-result-attachment-content-wrapper {
   padding-left: 16px;
   margin-left: 11px;
-  max-height: 450px;
-  overflow-y: auto;
 }
 
 .test-result-step-root {
@@ -41,10 +39,9 @@
 
 .test-result-step-header {
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   gap: 4px;
   transition: background-color 300ms;
-  cursor: pointer;
   padding: 4px 8px 4px 6px;
   min-height: 32px;
 
@@ -56,6 +53,7 @@
 .test-result-header-text {
   padding-left: 4px;
   word-break: break-word;
+  margin-right: auto;
 }
 
 .test-result-step-button {
@@ -82,7 +80,6 @@
 }
 
 .item-info {
-  margin-left: auto;
   display: flex;
   gap: 8px;
   color: var(--on-text-secondary);
@@ -95,7 +92,7 @@
   align-items: center;
   gap: 4px;
   color: var(--on-icon-secondary);
-  min-width: 52px;
+  min-width: 56px;
   justify-content: flex-end;
 }
 
@@ -125,9 +122,12 @@
   align-items: center;
   gap: 4px;
   transition: background-color 300ms;
-  cursor: pointer;
   padding: 4px 8px 4px 6px;
 
+  &:not(.empty) {
+    cursor: pointer;
+  }
+
   &:hover {
     background: var(--bg-control-flat-medium);
   }
@@ -151,6 +151,7 @@
 .test-result-attachment-text {
   padding-left: 4px;
   word-break: break-word;
+  margin-right: auto;
 }
 
 .test-result-attachment-image {
@@ -218,8 +219,46 @@
 
 .test-result-strut {
   width: 24px;
+  flex: none;
 }
 
 .html-attachment-preview {
   padding: 0 16px;
-}
+}
+
+.item-status {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.item-status-icon {
+  &.status-passed {
+    color: var(--bg-support-castor);
+  }
+
+  &.status-failed {
+    color: var(--bg-support-capella);
+  }
+
+  &.status-broken {
+    color: var(--bg-support-atlas);
+  }
+
+  &.status-skipped {
+    color: var(--bg-support-rau);
+  }
+
+  &.status-unknown {
+    color: var(--bg-support-skat);
+  }
+}
+
+.failed-steps {
+  display: flex;
+  gap: 8px;
+}
+
+:global(.code-toolbar .toolbar) {
+  display: none;
+}

package/src/components/TestResult/{TestResultSteps → TrSteps}/wrongAttachment.tsx

@@ -1,4 +1,4 @@
-import * as styles from "@/components/TestResult/TestResultSteps/styles.scss";
+import * as styles from "@/components/TestResult/TrSteps/styles.scss";
 import { useI18n } from "@/stores";
 
 export const EmptyComponent = () => {