test: Fix test errors

Author: bcbogdan

test/end-to-end/mfa.default_reqs.test.js

@@ -41,6 +41,8 @@ import {
     completeTOTP,
     goToFactorChooser,
     addToRequiredSecondaryFactorsForUser,
+    setupWebauthn,
+    completeWebauthn,
 } from "./mfa.helpers";
 
 /*
@@ -135,7 +137,7 @@ describe("SuperTokens SignIn w/ MFA", function () {
             await goToFactorChooser(page);
             const list = await getFactorChooserOptions(page);
 
-            assert.deepStrictEqual(new Set(list), new Set(["otp-email", "otp-phone", "totp"]));
+            assert.deepStrictEqual(new Set(list), new Set(["otp-email", "otp-phone", "totp", "webauthn"]));
         });
 
         it("should require 2fa to sign in after setting up a factor - totp", async () => {
@@ -183,5 +185,21 @@ describe("SuperTokens SignIn w/ MFA", function () {
             await completeOTP(page, "PHONE");
             await waitForDashboard(page);
         });
+
+        it("should require 2fa to sign in after setting up a factor - webauthn", async () => {
+            await tryEmailPasswordSignIn(page, email);
+            await waitForDashboard(page);
+            await setupWebauthn(page);
+            await logout(page);
+
+            await tryEmailPasswordSignIn(page, email);
+            await waitForDashboard(page);
+            await addToRequiredSecondaryFactorsForUser(page, "webauthn");
+            await logout(page);
+
+            await tryEmailPasswordSignIn(page, email);
+            await completeWebauthn(page);
+            await waitForDashboard(page);
+        });
     });
 });

test/end-to-end/mfa.helpers.js

@@ -228,3 +228,15 @@ export async function tryWebauthnSignIn(page) {
     await submitFormUnsafe(page);
     await new Promise((res) => setTimeout(res, 1000));
 }
+
+export async function setupWebauthn(page) {
+    await goToFactorChooser(page);
+    await chooseFactor(page, "webauthn");
+    await waitForSTElement(page, "[data-supertokens~=passkeyConfirmationContainer]");
+    await submitFormUnsafe(page);
+}
+
+export async function completeWebauthn(page) {
+    await waitForSTElement(page, "[data-supertokens~=webauthn-mfa]");
+    await submitFormUnsafe(page);
+}

test/unit/componentOverrides.test.tsx

@@ -71,6 +71,10 @@ import { PasskeyFeatureBlock } from "../../lib/ts/recipe/webauthn/components/the
 import { ContinueWithoutPasskey } from "../../lib/ts/recipe/webauthn/components/themes/signUp/continueWithoutPasskey";
 import { SignUpFormInner } from "../../lib/ts/recipe/webauthn/components/themes/signUp/signUpForm";
 import { SignUpSomethingWentWrong } from "../../lib/ts/recipe/webauthn/components/themes/signUp/somethingWentWrong";
+import { WebauthnMFASignIn } from "../../lib/ts/recipe/webauthn/components/themes/mfa/signIn";
+import { WebauthnMFALoadingScreen } from "../../lib/ts/recipe/webauthn/components/themes/mfa/loadingScreen";
+import { WebauthnMFASignUp } from "../../lib/ts/recipe/webauthn/components/themes/mfa/signUp";
+import { WebauthnMFASignUpConfirmation } from "../../lib/ts/recipe/webauthn/components/themes/mfa/signUpConfirmation";
 
 type AllComponentsOverrideMap = AuthRecipeOverrideMap &
     EmailPasswordOverrideMap &
@@ -159,6 +163,10 @@ describe("Theme component overrides", () => {
         WebauthnContinueWithoutPasskey_Override: ContinueWithoutPasskey,
         WebauthnPasskeySignUpForm_Override: SignUpFormInner,
         WebauthnPasskeySignUpSomethingWentWrong_Override: SignUpSomethingWentWrong,
+        WebauthnMFASignIn_Override: WebauthnMFASignIn,
+        WebauthnMFALoadingScreen_Override: WebauthnMFALoadingScreen,
+        WebauthnMFASignUp_Override: WebauthnMFASignUp,
+        WebauthnMFASignUpConfirmation_Override: WebauthnMFASignUpConfirmation,
     };
 
     Object.entries(overrides).forEach(([key, comp]) => {