Fix create template page test

BrunoQuaresma · BrunoQuaresma · commit 09e1be585451 · 2024-02-23T12:22:01.000Z
diff --git a/site/jest.setup.ts b/site/jest.setup.ts
@@ -49,6 +49,8 @@ global.TextDecoder = TextDecoder as any;
 global.Blob = Blob as any;
 global.scrollTo = jest.fn();
 
+window.HTMLElement.prototype.scrollIntoView = function () {};
+
 // Polyfill the getRandomValues that is used on utils/random.ts
 Object.defineProperty(global.self, "crypto", {
   value: {
diff --git a/site/src/pages/CreateTemplatePage/CreateTemplatePage.test.tsx b/site/src/pages/CreateTemplatePage/CreateTemplatePage.test.tsx
@@ -19,7 +19,7 @@ const renderPage = async (searchParams: URLSearchParams) => {
     route: `/templates/new?${searchParams.toString()}`,
     path: "/templates/new",
     // We need this because after creation, the user will be redirected to here
-    extraRoutes: [{ path: "templates/:template", element: <></> }],
+    extraRoutes: [{ path: "templates/:template/files", element: <></> }],
   });
   // It is lazy loaded, so we have to wait for it to be rendered to not get an
   // act error
@@ -62,6 +62,12 @@ test("Create template from starter template", async () => {
     within(form).getByRole("button", { name: /create template/i }),
   );
 
+  // Wait for the drawer error to be rendered
+  await screen.findByRole("heading", { name: /missing variables/i });
+  await userEvent.click(
+    screen.getByRole("button", { name: /fill variables/i }),
+  );
+
   // Wait for the variables form to be rendered and fill it
   await screen.findByText(/Variables/, undefined, { timeout: 5_000 });
 
