Add test to replicate behavior

Author: LauraBeatris

integration/tests/session-tasks-sign-up.test.ts

@@ -1,4 +1,4 @@
-import { expect, test } from '@playwright/test';
+import { test } from '@playwright/test';
 
 import { appConfigs } from '../presets';
 import type { FakeUser } from '../testUtils';
@@ -27,23 +27,47 @@ testAgainstRunningApps({ withEnv: [appConfigs.envs.withSessionTasks] })(
       await app.teardown();
     });
 
-    test('navigate to task on after sign-up', async ({ page, context }) => {
-      // Performs sign-up
+    // test('navigate to task on after sign-up', async ({ page, context }) => {
+    //   // Performs sign-up
+    //   const u = createTestUtils({ app, page, context });
+    //   await u.po.signUp.goTo();
+    //   await u.po.signUp.signUpWithEmailAndPassword({
+    //     email: fakeUser.email,
+    //     password: fakeUser.password,
+    //   });
+    //   await u.po.expect.toBeSignedIn();
+
+    //   // Redirects back to tasks when accessing protected route by `auth.protect`
+    //   await u.page.goToRelative('/page-protected');
+    //   expect(u.page.url()).toContain('tasks');
+
+    //   // Resolves task
+    //   const fakeOrganization = Object.assign(u.services.organizations.createFakeOrganization(), {
+    //     slug: u.services.organizations.createFakeOrganization().slug + '-with-sign-up',
+    //   });
+    //   await u.po.sessionTask.resolveForceOrganizationSelectionTask(fakeOrganization);
+    //   await u.po.expect.toHaveResolvedTask();
+
+    //   // Navigates to after sign-up
+    //   await u.page.waitForAppUrl('/');
+    // });
+
+    test('with sso, navigate to task on after sign-up', async ({ page, context }) => {
       const u = createTestUtils({ app, page, context });
+
       await u.po.signUp.goTo();
-      await u.po.signUp.signUpWithEmailAndPassword({
-        email: fakeUser.email,
-        password: fakeUser.password,
-      });
-      await u.po.expect.toBeSignedIn();
+      await u.page.getByRole('button', { name: 'E2E OAuth Provider' }).click();
 
-      // Redirects back to tasks when accessing protected route by `auth.protect`
-      await u.page.goToRelative('/page-protected');
-      expect(u.page.url()).toContain('tasks');
+      u.po.signIn.getGoToSignUp();
+      await u.po.signUp.waitForMounted();
+      await u.po.signUp.setIdentifier(fakeUser.email);
+      await u.po.signUp.continue();
+      await u.po.signUp.enterTestOtpCode();
 
       // Resolves task
+      await u.po.signIn.waitForMounted();
       const fakeOrganization = Object.assign(u.services.organizations.createFakeOrganization(), {
-        slug: u.services.organizations.createFakeOrganization().slug + '-with-sign-up',
+        slug: u.services.organizations.createFakeOrganization().slug + '-with-sign-in-sso',
       });
       await u.po.sessionTask.resolveForceOrganizationSelectionTask(fakeOrganization);
       await u.po.expect.toHaveResolvedTask();

packages/testing/src/playwright/unstable/page-objects/signUp.ts

@@ -32,6 +32,9 @@ export const createSignUpComponentPageObject = (testArgs: { page: EnhancedPage }
         state: state === 'closed' ? 'detached' : 'attached',
       });
     },
+    setIdentifier: (val: string) => {
+      return self.getIdentifierInput().fill(val);
+    },
     signUpWithOauth: (provider: string) => {
       return page.getByRole('button', { name: new RegExp(`continue with ${provider}`, 'gi') });
     },