Revert "include web-js and web-js-script in e2e tests (#471)"

This reverts commit 0b942cd.

.github/workflows/deploy-playground.yml

@@ -8,7 +8,9 @@ on:
   pull_request:
   push:
     branches:
+      - main
       - develop
+      - feature-refactor-to-thin-frontend
 
 jobs:
   deploy:

.github/workflows/e2e-test-commitly.yml

@@ -8,7 +8,6 @@ on:
     workflows: ["Deploy Playground Apps to Vercel"]
     types:
       - completed
-    conclusion: success
 
 jobs:
   e2e-tests:

packages/tests-e2e/playwright.config.ui.ts

@@ -1,4 +1,4 @@
-import { defineConfig } from '@playwright/test';
+import { defineConfig, devices } from '@playwright/test';
 import dotenv from 'dotenv';
 import path from 'path';
 

packages/tests-e2e/src/ui/corbado-auth-component-configs/email-username-verification-at-signup.spec.ts

@@ -40,7 +40,6 @@ test.describe('tests that focus on these identifiers: email (verification at sig
     await model.expectScreen(ScreenNames.End);
 
     await model.logout();
-    await model.expectScreen(ScreenNames.InitLogin);
 
     // we first try login with email
     await model.loginInit.removePasskeyButton();
@@ -49,7 +48,6 @@ test.describe('tests that focus on these identifiers: email (verification at sig
     await model.expectScreen(ScreenNames.End);
 
     await model.logout();
-    await model.expectScreen(ScreenNames.InitLogin);
 
     // we then try login with username
     await model.loginInit.removePasskeyButton();

packages/tests-e2e/src/ui/corbado-auth-component-configs/email-verification-at-login.spec.ts

@@ -36,7 +36,6 @@ test.describe('tests that focus on these identifiers: email (verification at log
 
     await model.expectScreen(ScreenNames.End);
     await model.logout();
-    await model.expectScreen(ScreenNames.InitLogin);
 
     await model.passkeyVerify.performAutomaticPasskeyVerification(() => model.loginInit.submitPasskeyButton());
     await model.emailVerify.fillOtpCode(OtpCodeType.Correct);

packages/tests-e2e/src/ui/corbado-auth-component-configs/email-verification-at-signup.spec.ts

@@ -38,7 +38,6 @@ test.describe('tests that focus on these identifiers: email (verification at sig
 
     await model.expectScreen(ScreenNames.End);
     await model.logout();
-    await model.expectScreen(ScreenNames.InitLogin);
 
     await model.passkeyVerify.performAutomaticPasskeyVerification(() => model.loginInit.submitPasskeyButton());
     await model.expectScreen(ScreenNames.End);

packages/tests-e2e/src/ui/corbado-auth-component-configs/email-verification-none.spec.ts

@@ -34,7 +34,6 @@ test.describe('tests that focus on these identifiers: email (verification none)'
 
     await model.expectScreen(ScreenNames.End);
     await model.logout();
-    await model.expectScreen(ScreenNames.InitLogin);
 
     await model.passkeyVerify.performAutomaticPasskeyVerification(() => model.loginInit.submitPasskeyButton());
     await model.expectScreen(ScreenNames.End);

packages/tests-e2e/src/ui/corbado-auth-component-configs/phone-verification-at-signup.spec.ts

@@ -37,7 +37,6 @@ test.describe('tests that focus on these identifiers: phone (verification at sig
 
     await model.expectScreen(ScreenNames.End);
     await model.logout();
-    await model.expectScreen(ScreenNames.InitLogin);
 
     await model.passkeyVerify.performAutomaticPasskeyVerification(() => model.loginInit.submitPasskeyButton());
     await model.expectScreen(ScreenNames.End);

packages/tests-e2e/src/ui/corbado-auth-component-configs/username.spec.ts

@@ -28,7 +28,6 @@ test.describe('tests that focus on these identifiers: username', () => {
 
     await model.expectScreen(ScreenNames.End);
     await model.logout();
-    await model.expectScreen(ScreenNames.InitLogin);
 
     await model.passkeyVerify.performAutomaticPasskeyVerification(() => model.loginInit.submitPasskeyButton());
     await model.expectScreen(ScreenNames.End);

packages/tests-e2e/src/utils/developerpanel.ts

@@ -34,7 +34,7 @@ export const createProjectNew = async () => {
     body: JSON.stringify({
       name,
       allowStaticChallenges: true,
-      webauthnRPID: process.env.CI ? 'playground.corbado.io' : 'localhost',
+      webauthnRPID: process.env.CI ? 'playground.corbado.io' : 'playground.corbado.io',
     }),
   });
   expect(createRes.ok).toBeTruthy();

playground/web-js-script/README.md

@@ -6,4 +6,4 @@ This application uses script tag to load Web JS library.
 
 1. create bundler by running `npm run build:bundler:local` on main folder.
 2. install `npm i -g serve`
-3. run `serve -s .` on this folder
+3. run `serve` on this folder

playground/web-js-script/auth.html

@@ -0,0 +1,35 @@
+<!doctype html>
+<html>
+  <head>
+    <title>SignIn - My Corbado App</title>
+    <script src="./bundle/index.js"></script>
+    <link
+      rel="stylesheet"
+      href="./bundle/index.css"
+    />
+  </head>
+
+  <body>
+    <div id="corbado-auth"></div>
+
+    <script type="module">
+      const projectID = window.location.href.includes('localhost')
+        ? 'pro-7566555492758112393'
+        : 'pro-2979442087152677678';
+
+      await Corbado.load({
+        projectId: projectID,
+        frontendApiUrlSuffix: 'frontendapi.cloud.corbado-staging.io',
+        darkMode: 'auto',
+      });
+
+      const authElement = document.getElementById('corbado-auth');
+
+      Corbado.mountAuthUI(authElement, {
+        onLoggedIn: () => {
+          window.location.href = '/';
+        },
+      });
+    </script>
+  </body>
+</html>