Tests AddOnListItem

MuckRock · Apr 23, 2024 · fb84f01 · fb84f01
1 parent 83afd29
commit fb84f01
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/src/lib/components/addons/AddOnListItem.svelte b/src/lib/components/addons/AddOnListItem.svelte
@@ -4,7 +4,6 @@
   import { _ } from "svelte-i18n";
 
   import AddOnPin from "@/addons/AddOnPin.svelte";
-  import AddOnPopularity from "@/addons/Popularity.svelte";
   import PremiumBadge from "@/premium-credits/PremiumBadge.svelte";
 
   export let addon: AddOnListItem;
@@ -35,11 +34,8 @@
             >
           </p>
         {/if}
-        {#if addon.usage}
-          <AddOnPopularity useCount={addon.usage} />
-        {/if}
         {#if isPremium}
-          <span class="badge"><PremiumBadge /></span>
+          <span class="badge" role="status"><PremiumBadge /></span>
         {/if}
       </div>
     </div>

diff --git a/src/lib/components/addons/tests/AddOnListItem.test.ts b/src/lib/components/addons/tests/AddOnListItem.test.ts
@@ -0,0 +1,11 @@
+import { test, expect } from "vitest";
+import { render } from "@testing-library/svelte";
+import AddOnListItem from "../AddOnListItem.svelte";
+import { addon, premiumAddon } from "@/test/fixtures/addons";
+
+test("AddOnListItem", () => {
+  const result = render(AddOnListItem, { addon });
+  expect(result.getByRole("heading")).toHaveTextContent(addon.name);
+  const premium = render(AddOnListItem, { addon: premiumAddon });
+  expect(premium.getByRole("status")).toBeInTheDocument();
+});