test: home page stats #9384 (#9462)

* Update home.spec.js

* Update home.spec.js

* Update home.spec.js

* Update home.spec.js

* Update tests/home.spec.js

* Update tests/home.spec.js

---------

Co-authored-by: Eddie Jaoude <eddie@jaoudestudios.com>

Author: kbventures

tests/home.spec.js

@@ -1,6 +1,8 @@
 // @ts-check
 import { test, expect } from "@playwright/test";
 import AxeBuilder from "@axe-core/playwright";
+import { getTotalStats } from "pages/api/statistics/totals";
+import { abbreviateNumber } from "@services/utils/abbreviateNumbers";
 
 test("homepage has title", async ({ page }) => {
   await page.goto("/");
@@ -49,3 +51,25 @@ test.describe("accessibility tests (dark)", () => {
     expect(accessibilityScanResults.violations).toEqual([]);
   });
 });
+
+test.describe("Data rendered correctly on home page", () => {
+  test("Total active rendered", async ({ page }) => {
+    const { stats: totalStats } = await getTotalStats();
+    const abbreviatedActive = abbreviateNumber(totalStats.active);
+    await page.goto("/");
+    const section = page.getByText("Active Users");
+    const parent = section.locator("..");
+    const item = parent.locator("dd div:nth-child(1)");
+    await expect(item).toHaveText(abbreviatedActive);
+  });
+
+  test("Profile views rendered", async ({ page }) => {
+    const { stats: totalStats } = await getTotalStats();
+    const abbreviatedViews = abbreviateNumber(totalStats.views);
+    await page.goto("/");
+    const section = page.getByText("Profile Views");
+    const parent = section.locator("..");
+    const item = parent.locator("dd div:nth-child(1)");
+    await expect(item).toHaveText(abbreviatedViews);
+  });
+});