fix(frontend): ✅ update fullBlogCard to test img src… (#352)

* fix(frontend): ✅ update fullBlogCard to test img src instead of visibility

* fix(frontend): 🐛 fix import bug, retries for component testing and run prettier

---------

Co-authored-by: Lucas Tran <lucastran1107@gmail.com>

frontend/playwright-ct.config.ts

@@ -18,7 +18,7 @@ export default defineConfig({
     /* Fail the build on CI if you accidentally left test.only in the source code. */
     forbidOnly: !!process.env.CI,
     /* Retry on CI only */
-    retries: process.env.CI ? 2 : 0,
+    retries: 2,
     /* Opt out of parallel tests on CI. */
     workers: process.env.CI ? 1 : undefined,
     /* Reporter to use. See https://playwright.dev/docs/test-reporters */

frontend/src/lib/convertSatrec.ts

@@ -1,6 +1,6 @@
 import * as satellite from "satellite.js";
 import { SatRec } from "satellite.js";
-import globeData from "@components/homeComponents/files/globe-data.json";
+import globeData from "@/components/homeComponents/files/globe-data.json";
 
 // turf needs ts ignore to work with typescript
 // @ts-ignore

frontend/tests/componentTests/fullblogcard.spec.tsx

@@ -39,8 +39,11 @@ test("FullBlogCard renders correctly", async ({ mount }) => {
         component.getByText("Mock article content preview text..."),
     ).toBeVisible();
 
-    //Check if the image is visible
-    await expect(component.getByRole("img")).toBeVisible();
+    //Wait for the image to actually have its src attribute set with the real image URL
+    await expect(component.getByRole("img")).toHaveAttribute(
+        "src",
+        /mock-cover-image\.jpg/,
+    );
 
     //Check if datePublished is visible
     await expect(component.getByText("April 13, 2024")).toBeVisible();