Fix test

BrunoQuaresma · BrunoQuaresma · commit 4593f0e64912 · 2024-02-06T12:15:17.000Z
diff --git a/site/src/modules/templates/TemplateFiles/TemplateFiles.tsx b/site/src/modules/templates/TemplateFiles/TemplateFiles.tsx
@@ -93,7 +93,7 @@ export const TemplateFiles: FC<TemplateFilesProps> = ({
           />
         </div>
 
-        <div css={styles.files}>
+        <div css={styles.files} data-testid="template-files-content">
           {[...filenames]
             .sort((a, b) => a.localeCompare(b))
             .map((filename) => {
diff --git a/site/src/pages/TemplateVersionPage/TemplateVersionPage.test.tsx b/site/src/pages/TemplateVersionPage/TemplateVersionPage.test.tsx
@@ -4,7 +4,7 @@ import {
 } from "testHelpers/renderHelpers";
 import TemplateVersionPage from "./TemplateVersionPage";
 import * as templateVersionUtils from "utils/templateVersion";
-import { screen } from "@testing-library/react";
+import { screen, within } from "@testing-library/react";
 import * as CreateDayString from "utils/createDayString";
 
 const TEMPLATE_NAME = "coder-ts";
@@ -36,7 +36,8 @@ describe("TemplateVersionPage", () => {
   beforeEach(setup);
 
   it("shows files", () => {
-    expect(screen.getByText(TERRAFORM_FILENAME)).toBeInTheDocument();
-    expect(screen.getByText(README_FILENAME)).toBeInTheDocument();
+    const files = screen.getByTestId("template-files-content");
+    expect(within(files).getByText(TERRAFORM_FILENAME)).toBeInTheDocument();
+    expect(within(files).getByText(README_FILENAME)).toBeInTheDocument();
   });
 });
