fix: passing tests

just required changing how it looks for sessions
also cleanup

Author: cpb8010

examples/demo-app/tests/create-account.spec.ts

@@ -497,7 +497,12 @@ test("Create session and verify it appears in auth-server sessions list", async
   await popup.getByTestId("connect").click();
   await page.waitForTimeout(2000);
   await expect(page.getByText("Disconnect")).toBeVisible();
-  console.log("✓ Account created");
+
+  // Capture the account address from the page
+  const demoPageContent = await page.textContent("body");
+  const accountMatch = demoPageContent?.match(/0x[a-fA-F0-9]{40}/);
+  const demoAccountAddress = accountMatch ? accountMatch[0] : "unknown";
+  console.log(`✓ Account created: ${demoAccountAddress}`);
 
   // Step 2: Create session
   console.log("\nStep 2: Creating session...");
@@ -576,20 +581,45 @@ test("Create session and verify it appears in auth-server sessions list", async
   // Navigate to sessions page
   await authPage.goto("http://localhost:3002/dashboard/sessions");
   await authPage.waitForLoadState("domcontentloaded");
-  await authPage.waitForTimeout(3000);
+
+  // Listen for console logs from the sessions page
+  authPage.on("console", (msg) => {
+    if (msg.text().includes("[sessions.vue]")) {
+      console.log(`  Auth-server: ${msg.text()}`);
+    }
+  });
+
   console.log("✓ Navigated to sessions page");
+  console.log(`  Demo account (created session): ${demoAccountAddress}`);
 
   // Verify sessions page content
   const header = authPage.locator("header").getByText("Sessions");
   await expect(header).toBeVisible();
   console.log("✓ Sessions page loaded");
 
+  // Wait for sessions data to load - look for either session rows or the table/list container
+  // The sessions are loaded via WASM asynchronously, so we need to wait
+  try {
+    // Wait for the sessions list container or session rows to appear
+    await authPage.waitForSelector("table tbody tr, [role='list'] > div, [data-testid*='session']", {
+      timeout: 15000,
+      state: "attached",
+    });
+    console.log("✓ Sessions data container loaded");
+  } catch (e) {
+    console.log("⚠ No sessions container appeared within 15s", e);
+  }
+
+  // Additional wait to ensure console logs are captured
+  await authPage.waitForTimeout(2000);
+
   // Log page content for debugging
   const pageContent = await authPage.locator("main").textContent();
   console.log(`Page content: ${pageContent?.substring(0, 500)}`);
 
   // Verify at least one session is displayed
-  const sessionRows = authPage.locator("[data-testid*='session']");
+  // The session rows use class="session-row" in the SessionRow component
+  const sessionRows = authPage.locator(".session-row");
   const sessionCount = await sessionRows.count();
   console.log(`Found ${sessionCount} session row(s)`);
 

packages/auth-server/pages/dashboard/sessions.vue

@@ -4,38 +4,8 @@
       <template #default>
         Sessions
       </template>
-      <template #aside>
-        <!-- <transition v-bind="TransitionOpacity">
-          <ZkButton
-            v-if="sessions?.length"
-            type="danger"
-          >
-            <template #prefix>
-              <HandRaisedIcon
-                class="h-5 w-5 mr-1"
-                aria-hidden="true"
-              />
-            </template>
-            <span class="leading-tight">End all sessions</span>
-          </ZkButton>
-        </transition> -->
-      </template>
     </layout-header>
 
-    <CommonAlert
-      v-if="sessions?.length"
-      class="mb-4"
-    >
-      <template #icon>
-        <InformationCircleIcon aria-hidden="true" />
-      </template>
-      <template #default>
-        <p class="text-sm">
-          ZKsync SSO is still under development. The displayed spending amounts may not always be accurate.
-        </p>
-      </template>
-    </CommonAlert>
-
     <CommonAlert
       v-if="sessionsFetchError"
       class="mb-4"
@@ -85,7 +55,7 @@
 import { InformationCircleIcon } from "@heroicons/vue/20/solid";
 import type { Address, Hex } from "viem";
 import { listActiveSessions } from "zksync-sso-4337";
-import { LimitType, type SessionConfig } from "zksync-sso-4337/client";
+import { LimitType, type SessionSpec } from "zksync-sso-4337/client";
 
 const { defaultChain } = useClientStore();
 const { address } = storeToRefs(useAccountStore());
@@ -127,7 +97,7 @@ interface WasmSessionSpec {
 }
 
 // Helper to convert WASM session spec format to proper TypeScript types
-const convertSessionSpec = (wasmSpec: WasmSessionSpec): SessionConfig => {
+const convertSessionSpec = (wasmSpec: WasmSessionSpec): SessionSpec => {
   const convertLimit = (limit: WasmUsageLimit) => {
     // Map string limitType to enum value
     let limitType: LimitType;
@@ -178,13 +148,16 @@ const {
   // Get RPC URL from the chain configuration
   const rpcUrl = defaultChain.rpcUrls.default.http[0];
 
+  if (address.value === null) {
+    throw new Error("Account address is null");
+  }
   // Use the new listActiveSessions function from the SDK
   const { sessions: activeSessions } = await listActiveSessions({
     account: address.value,
     rpcUrl,
     contracts: {
       sessionValidator: contracts.sessionValidator,
-      entryPoint: "0x0000000071727De22E5E9d8BAf0edAc6f37da032", // Standard EntryPoint v0.8
+      entryPoint: contracts.entryPoint || "0x4337084D9E255Ff0702461CF8895CE9E3b5Ff108",
       accountFactory: contracts.factory,
       webauthnValidator: contracts.webauthnValidator,
       eoaValidator: contracts.eoaValidator,