make sure active pots are being shown on pot page (#542)

* make sure active pots are being shown on pot page * Formated code with npm run fmt --------- Co-authored-by: Spandan Datta <[email protected]> Co-authored-by: Elliot Braem <[email protected]>
PotLock · Apr 25, 2024 · b5892cb · b5892cb
1 parent 4b7d2a1
commit b5892cb
Show file tree

Hide file tree

Showing 3 changed files with 82 additions and 2 deletions.
diff --git a/apps/potlock/widget/Pots/Card.jsx b/apps/potlock/widget/Pots/Card.jsx
@@ -259,7 +259,10 @@ const Tag = (props) => (
 );
 
 return (
-  <Card href={props.hrefWithParams(`?tab=pot&potId=${potId}`)}>
+  <Card
+    href={props.hrefWithParams(`?tab=pot&potId=${potId}`)}
+    data-testid={applicationOpen ? "active-pot" : "inactive-pot"}
+  >
     <CardSection>
       <Title>{title}</Title>
       <Description>

diff --git a/playwright-report/index.html b/playwright-report/index.html
diff --git a/playwright-tests/tests/pots.spec.js b/playwright-tests/tests/pots.spec.js
@@ -53,7 +53,16 @@ test("clicking learn more button should...", async ({ page }) => {
 });
 
 test("should show active pots", async ({ page }) => {
-  // TODO:
+  await page.goto(`${ROOT_SRC}?tab=pots`);
+
+  const activePots = page.locator('[data-testid="active-pot"]');
+
+  await activePots.first().waitFor();
+
+  const count = await activePots.count();
+  for (let i = 0; i < count; i++) {
+    await expect(activePots.nth(i)).toBeVisible();
+  }
 });
 
 test("should show completed pots", async ({ page }) => {