feat(frontend): Add marketplace creator page tests (#10429)

- Resolves -
https://github.com/Significant-Gravitas/AutoGPT/issues/10428
- Depends on -
https://github.com/Significant-Gravitas/AutoGPT/pull/10427
- Need to review this pr, once this issue is fixed -
https://github.com/Significant-Gravitas/AutoGPT/issues/10404

I’ve created additional tests for the creators marketplace page

Tests that I have added
- User can access creator's page when logged out.
- User can access creator's page when logged in.
- Creator page details are visible.
- Agents in agent by sections navigation works.

#### For code changes:
- [x] I have clearly listed my changes in the PR description
- [x] I have made a test plan
- [x] I have tested my changes according to the test plan:
  - [x] I have done all the tests and they are working perfectly

autogpt_platform/frontend/src/app/(platform)/marketplace/creator/[creator]/page.tsx

@@ -72,6 +72,7 @@ export default async function Page({
                 About
               </p>
               <div
+                data-testid="creator-description"
                 className="text-[48px] font-normal leading-[59px] text-neutral-900 dark:text-zinc-50"
                 style={{ whiteSpace: "pre-line" }}
               >

autogpt_platform/frontend/src/components/agptui/CreatorInfoCard.tsx

@@ -41,7 +41,10 @@ export const CreatorInfoCard: React.FC<CreatorInfoCardProps> = ({
           </AvatarFallback>
         </Avatar>
         <div className="flex w-full flex-col items-start justify-start gap-1.5">
-          <div className="w-full font-poppins text-[35px] font-medium leading-10 text-neutral-900 dark:text-neutral-100 sm:text-[35px] sm:leading-10">
+          <div
+            data-testid="creator-title"
+            className="w-full font-poppins text-[35px] font-medium leading-10 text-neutral-900 dark:text-neutral-100 sm:text-[35px] sm:leading-10"
+          >
             {username}
           </div>
           <div className="w-full text-lg font-normal leading-6 text-neutral-800 dark:text-neutral-200 sm:text-xl sm:leading-7">

autogpt_platform/frontend/src/tests/marketplace-creator.spec.ts

@@ -0,0 +1,79 @@
+import { test } from "@playwright/test";
+import { MarketplacePage } from "./pages/marketplace.page";
+import { LoginPage } from "./pages/login.page";
+import { isVisible, hasUrl, matchesUrl } from "./utils/assertion";
+import { TEST_CREDENTIALS } from "./credentials";
+import { getSelectors } from "./utils/selectors";
+
+test.describe("Marketplace Creator Page – Basic Functionality", () => {
+  test("User can access creator's page when logged out", async ({ page }) => {
+    const marketplacePage = new MarketplacePage(page);
+
+    await marketplacePage.goto(page);
+    await hasUrl(page, "/marketplace");
+
+    const firstCreatorProfile =
+      await marketplacePage.getFirstCreatorProfile(page);
+    await firstCreatorProfile.click();
+
+    await page.waitForURL("**/marketplace/creator/**");
+    await matchesUrl(page, /\/marketplace\/creator\/.+/);
+  });
+
+  test("User can access creator's page when logged in", async ({ page }) => {
+    const loginPage = new LoginPage(page);
+    const marketplacePage = new MarketplacePage(page);
+
+    await loginPage.goto();
+    await loginPage.login(TEST_CREDENTIALS.email, TEST_CREDENTIALS.password);
+    await hasUrl(page, "/marketplace");
+
+    await marketplacePage.goto(page);
+    await hasUrl(page, "/marketplace");
+
+    const firstCreatorProfile =
+      await marketplacePage.getFirstCreatorProfile(page);
+    await firstCreatorProfile.click();
+
+    await page.waitForURL("**/marketplace/creator/**");
+    await matchesUrl(page, /\/marketplace\/creator\/.+/);
+  });
+
+  test("Creator page details are visible", async ({ page }) => {
+    const { getId } = getSelectors(page);
+    const marketplacePage = new MarketplacePage(page);
+
+    await marketplacePage.goto(page);
+    await hasUrl(page, "/marketplace");
+
+    const firstCreatorProfile =
+      await marketplacePage.getFirstCreatorProfile(page);
+    await firstCreatorProfile.click();
+    await page.waitForURL("**/marketplace/creator/**");
+
+    const creatorTitle = getId("creator-title");
+    await isVisible(creatorTitle);
+
+    const creatorDescription = getId("creator-description");
+    await isVisible(creatorDescription);
+  });
+
+  test("Agents in agent by sections navigation works", async ({ page }) => {
+    const marketplacePage = new MarketplacePage(page);
+
+    await marketplacePage.goto(page);
+    await hasUrl(page, "/marketplace");
+
+    const firstCreatorProfile =
+      await marketplacePage.getFirstCreatorProfile(page);
+    await firstCreatorProfile.click();
+    await page.waitForURL("**/marketplace/creator/**");
+    const firstAgent = page
+      .locator('[data-testid="store-card"]:visible')
+      .first();
+
+    await firstAgent.click();
+    await page.waitForURL("**/marketplace/agent/**");
+    await matchesUrl(page, /\/marketplace\/agent\/.+/);
+  });
+});