tests: migrate cypres tests from rekor-search-ui

client/src/app/pages/RekorSearch/RekorSearch.tsx

@@ -21,7 +21,12 @@ export const RekorSearch: React.FC = () => {
             </Content>
           </SplitItem>
           <SplitItem>
-            <Button variant="plain" icon={<CogIcon />} onClick={() => setSettingsOpen(true)} />
+            <Button
+              variant="plain"
+              icon={<CogIcon />}
+              onClick={() => setSettingsOpen(true)}
+              data-testid="settings-button"
+            />
           </SplitItem>
         </Split>
       </PageSection>

e2e/tests/pages/rekor-search/endpoint.spec.ts

@@ -0,0 +1,28 @@
+import { expect, test } from "@playwright/test";
+
+import { RekorSearchPage } from "./RekorSearchPage";
+
+test.describe("Overriding the Rekor Endpoint", () => {
+  test("Should use the fallback endpoint if one is not provided", async ({ page }) => {
+    const rekorSearchPage = await RekorSearchPage.build(page);
+    await rekorSearchPage.applySearch("Email", "[email protected]");
+
+    // Open settings modal
+    await page.getByTestId("settings-button").click();
+
+    // Verify default values
+    await expect(page.locator("#rekor-endpoint-override")).toHaveValue("https://rekor.sigstore.dev");
+
+    // Close settings modal
+    await page.getByTestId("settings-close-button").click();
+
+    // Verify search
+    const response = await page.waitForResponse((response) => {
+      return response.url().includes("https://rekor.sigstore.dev") && response.request().method() === "GET";
+    });
+
+    await rekorSearchPage.applySearch("Email", "[email protected]");
+
+    expect(response.url()).toContain("https://rekor.sigstore.dev");
+  });
+});