test: login and connect

dfinity · Jul 23, 2024 · 3d76911 · 3d76911
1 parent c19c84a
commit 3d76911
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 6 deletions.
diff --git a/demo/src/relying_party_frontend/src/app.html b/demo/src/relying_party_frontend/src/app.html
@@ -2,6 +2,7 @@
 <html lang="en">
 	<head>
 		<meta charset="utf-8" />
+		<title>Relying Party</title>
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		%sveltekit.head%

diff --git a/demo/src/relying_party_frontend/src/routes/+page.svelte b/demo/src/relying_party_frontend/src/routes/+page.svelte
@@ -14,7 +14,7 @@
 </script>
 
 {#if isNullish(wallet)}
-	<Button {onclick} testId="connect-wallet">Connect Wallet</Button>
+	<Button {onclick} testId="connect-wallet-button">Connect Wallet</Button>
 {:else}
 	<div in:fade>
 		<p>Connected</p>

diff --git a/demo/src/wallet_frontend/src/app.html b/demo/src/wallet_frontend/src/app.html
@@ -2,6 +2,7 @@
 <html lang="en">
 	<head>
 		<meta charset="utf-8" />
+		<title>Wallet</title>
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		%sveltekit.head%

diff --git a/e2e/connect.spec.ts b/e2e/connect.spec.ts
@@ -1,4 +1,5 @@
-import {testWithII} from '@dfinity/internet-identity-playwright';
+import {InternetIdentityPage, testWithII} from '@dfinity/internet-identity-playwright';
+import {expect} from '@playwright/test';
 
 testWithII.beforeEach(async ({iiPage, browser}) => {
   const REPLICA_URL = 'http://localhost:4943';
@@ -9,8 +10,30 @@ testWithII.beforeEach(async ({iiPage, browser}) => {
 
 const RELYING_PARTY_URL = 'http://localhost:5173';
 
-testWithII('should sign-in relying-party with a new user', async ({page, iiPage}) => {
-  await page.goto(RELYING_PARTY_URL);
+testWithII(
+  'should sign-in relying-party with a new user',
+  async ({page: partyPage, iiPage: partyIIPage, context, browser}) => {
+    await partyPage.goto(RELYING_PARTY_URL);
 
-  await iiPage.signInWithNewIdentity();
-});
+    const identity = await partyIIPage.signInWithNewIdentity();
+
+    await expect(partyPage.getByTestId('connect-wallet-button')).toBeVisible();
+
+    const walletPagePromise = context.waitForEvent('page');
+
+    await partyPage.getByTestId('connect-wallet-button').click();
+
+    const walletPage = await walletPagePromise;
+    await expect(walletPage).toHaveTitle('Wallet');
+
+    await expect(walletPage.getByTestId('login-button')).toBeVisible();
+
+    const walletIIPage = new InternetIdentityPage({
+      page: walletPage,
+      context,
+      browser
+    });
+
+    await walletIIPage.signInWithIdentity({identity});
+  }
+);