test: added some logged out E2E tests for the repo page

open-sauced · Aug 13, 2024 · 382cc2d · 382cc2d
1 parent 8ee4cd5
commit 382cc2d
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 4 deletions.
diff --git a/components/Repositories/AddToWorkspaceModal.tsx b/components/Repositories/AddToWorkspaceModal.tsx
@@ -62,7 +62,12 @@ export default function AddToWorkspaceModal({ repository, isOpen, onCloseModal,
 
   return (
     <Dialog open={isOpen}>
-      <DialogContent autoStyle={false} onEscapeKeyDown={onCloseModal} onInteractOutside={onCloseModal}>
+      <DialogContent
+        aria-label="Add to workspace"
+        autoStyle={false}
+        onEscapeKeyDown={onCloseModal}
+        onInteractOutside={onCloseModal}
+      >
         <Card heading={<h1 className="text-xl font-semibold">Add to workspace</h1>}>
           <div className="flex flex-col gap-4 w-[32rem] h-full px-8 py-4">
             {!user ? (

diff --git a/e2e/repo-page.spec.ts b/e2e/repo-page.spec.ts
@@ -9,13 +9,38 @@ test("Loads a repository page", async ({ page }) => {
   await expect(rangePopup).toBeVisible();
   await expect(rangePopup).toHaveAttribute("aria-haspopup", "menu");
   await expect(rangePopup).toHaveAttribute("data-state", "closed");
-});
 
-test("repository page has an OG image", async ({ page }) => {
-  await page.goto("/s/open-sauced/app");
+  page.getByRole("button", { name: "Add to Workspace", exact: true }).click();
+  await expect(page.getByRole("button", { name: "Workspace from SBOM", exact: true })).toBeVisible();
+  await expect(page.getByRole("button", { name: "Share", exact: true })).toBeVisible();
+
+  // check for OG image
   const expectedUrl = `${config.use?.baseURL}/og-images/repository/open-sauced/app/30?description=%F0%9F%8D%95+Insights+into+your+entire+open+source+ecosystem.`;
 
   await expect(page.locator('meta[property="og:image"]')).toHaveAttribute("content", expectedUrl);
   await expect(page.locator('meta[name="twitter:image"]')).toHaveAttribute("content", expectedUrl);
   await expect(page.locator('meta[name="twitter:card"]')).toHaveAttribute("content", "summary_large_image");
 });
+
+test("Adds a repository to a workspace (large screen)", async ({ page }) => {
+  await page.goto("/s/open-sauced/app");
+
+  await page.getByRole("button", { name: "Add to Workspace", exact: true }).click();
+  const dialog = await page.getByRole("dialog", { name: "Add to workspace", exact: true });
+  await expect(dialog).toBeVisible();
+
+  await dialog.getByRole("button", { name: "Connect with GitHub", exact: true }).click();
+  await expect(page.url()).toContain("https://github.com/login");
+});
+
+test("Adds a repository SBOM to a workspace (large screen)", async ({ page }) => {
+  await page.goto("/s/open-sauced/app");
+
+  await page.getByRole("button", { name: "Workspace from SBOM", exact: true }).click();
+  const dialog = await page.getByRole("dialog", { name: "Add to workspace", exact: true });
+  await expect(dialog).toBeVisible();
+
+  await dialog.getByRole("button", { name: "Connect with GitHub", exact: true }).click();
+  await expect(page.url()).toContain("https://github.com/login");
+});
+///