@rimori/playwright-testing 0.3.10 → 0.3.11-next.1

package/dist/core/RimoriE2ETestEnvironment.d.ts

@@ -14,9 +14,6 @@ interface Exercise {
 interface SetupOptions {
     onboarding?: Onboarding;
     exercises?: Array<Exercise>;
-    studyPlan?: {
-        complete: boolean;
-    };
 }
 export declare class RimoriE2ETestEnvironment {
     private browser;
@@ -27,7 +24,7 @@ export declare class RimoriE2ETestEnvironment {
     private existingUserEmail;
     private authToken;
     constructor(options: RimoriE2ETestEnvironmentOptions);
-    setup({ onboarding, exercises, studyPlan }?: SetupOptions): Promise<void>;
+    setup({ onboarding, exercises }?: SetupOptions): Promise<void>;
     getTempUserPage(): Promise<Page>;
     getPersistUserPage(): Promise<Page>;
     getTempUserEmail(): string;
@@ -38,6 +35,5 @@ export declare class RimoriE2ETestEnvironment {
     private setSessionFromMagicLink;
     private completeOnboarding;
     private completeExerciseSetup;
-    private completeStudyPlanCreation;
 }
 export {};

package/dist/core/RimoriE2ETestEnvironment.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RimoriE2ETestEnvironment = void 0;
 const dotenv_1 = require("dotenv");
-const study_plan_setup_1 = require("../helpers/e2e/study-plan-setup");
 const onboarding_1 = require("../helpers/e2e/onboarding");
+const create_exercise_1 = require("../helpers/e2e/create-exercise");
 (0, dotenv_1.config)();
 const RIMORI_URL = 'https://dev-app.rimori.se';
 const BACKEND_URL = 'http://localhost:2800';
@@ -21,7 +21,7 @@ class RimoriE2ETestEnvironment {
             throw new Error('RIMORI_TOKEN is not set as an environment variable.');
         }
     }
-    async setup({ onboarding, exercises, studyPlan } = {}) {
+    async setup({ onboarding, exercises } = {}) {
         const onboardingData = {
             learning_reason: onboarding?.learning_reason ?? 'work',
             target_country: onboarding?.target_country ?? 'SE',
@@ -34,35 +34,34 @@ class RimoriE2ETestEnvironment {
         this.existingUserEmail = persist.email;
         console.log(`[E2E] Test user (temp): ${temp.email}`);
         console.log(`[E2E] Existing user (persist): ${persist.email}`);
-        this.tempUserContext = await this.browser.newContext({ baseURL: RIMORI_URL });
         this.persistentUserContext = await this.browser.newContext({ baseURL: RIMORI_URL });
-        await this.setupConsoleLogging(this.tempUserContext, 'temp');
         await this.setupConsoleLogging(this.persistentUserContext, 'persist');
         console.log(`[E2E] Preparing existing user context`);
+        const persistPage = await this.persistentUserContext.newPage();
         // Step 2: Set up existing user browser context with session via magic link
-        await this.setSessionFromMagicLink(this.persistentUserContext, persist.magicLink);
+        await this.setSessionFromMagicLink(persistPage, persist.magicLink);
         // Step 3: Run onboarding for existing user
-        await this.completeOnboarding(this.persistentUserContext, onboardingData);
+        await this.completeOnboarding(persistPage, onboardingData);
+        persistPage.close();
         console.log(`[E2E] Setting up test user context`);
+        this.tempUserContext = await this.browser.newContext({ baseURL: RIMORI_URL });
+        await this.setupConsoleLogging(this.tempUserContext, 'temp');
+        const tempPage = await this.tempUserContext.newPage();
         // Step 4: Set up test user browser context with session via magic link
-        await this.setSessionFromMagicLink(this.tempUserContext, temp.magicLink);
+        await this.setSessionFromMagicLink(tempPage, temp.magicLink);
         // Delete test user when test user context is closed
         this.tempUserContext.on('close', async () => {
             await this.deleteTestUserViaApi(temp.email);
             console.log(`[E2E] Deleted test user: ${temp.email}`);
         });
         // Step 5: Run onboarding for test user with e2e plugin flag
-        await this.completeOnboarding(this.tempUserContext, onboardingData, this.pluginId);
+        await this.completeOnboarding(tempPage, onboardingData, this.pluginId);
         // Step 6: Add exercises if specified
         if (exercises && exercises?.length > 0) {
             console.log(`[E2E] Setting up exercises`);
-            await this.completeExerciseSetup(this.tempUserContext, exercises);
-        }
-        // Step 7: Complete study plan creation if specified
-        if (studyPlan?.complete) {
-            console.log(`[E2E] Setting up study plan`);
-            await this.completeStudyPlanCreation(this.tempUserContext);
+            await this.completeExerciseSetup(tempPage, exercises);
         }
+        tempPage.close();
         console.log(`[E2E] Setup completed`);
     }
     async getTempUserPage() {
@@ -136,23 +135,24 @@ class RimoriE2ETestEnvironment {
                 return;
             if (logMessage.includes('i18next: initialized {debug: true'))
                 return;
+            if (logMessage.includes('i18next is maintained'))
+                return;
             console.log(`[browser:${logLevel}] [${user}]`, logMessage);
         });
     }
-    async setSessionFromMagicLink(context, magicLink) {
-        const page = await context.newPage();
+    async setSessionFromMagicLink(page, magicLink) {
         await page.goto(magicLink, { waitUntil: 'networkidle' });
-        await page.waitForTimeout(5000);
-        const url = page.url();
-        if (!url.includes('/dashboard') && !url.includes('/onboarding')) {
+        try {
+            await page.waitForURL((url) => url.pathname.includes('/dashboard') || url.pathname.includes('/onboarding'), { timeout: 30000 });
+        }
+        catch {
+            const url = page.url();
             throw new Error(`Failed to set session from magic link: ${url}`);
         }
-        await page.close();
         console.log(`[E2E] Authentication completed`);
     }
-    async completeOnboarding(context, onboarding, e2ePluginId) {
+    async completeOnboarding(page, onboarding, e2ePluginId) {
         console.log(`[E2E] Starting onboarding`);
-        const page = await context.newPage();
         await page.goto('/onboarding');
         await page.waitForTimeout(5000);
         const isOnboaded = page.url().includes('/dashboard');
@@ -164,22 +164,11 @@ class RimoriE2ETestEnvironment {
         else {
             console.log(`[E2E] User already onboarded`);
         }
-        await page.close();
     }
-    async completeExerciseSetup(context, exercises) {
-        const page = await context.newPage();
+    async completeExerciseSetup(page, exercises) {
         for (const exercise of exercises) {
-            const encoded = encodeURIComponent(JSON.stringify(exercise));
-            await page.goto(`${RIMORI_URL}/dashboard?flag-e2e-exercise=${encoded}`);
-            // Wait for the exercise to be created and the flag to be cleared from URL
-            await page.waitForURL((url) => !url.searchParams.has('flag-e2e-exercise'), { timeout: 15000 });
+            await (0, create_exercise_1.createExerciseViaDialog)(page, exercise);
         }
-        await page.close();
-    }
-    async completeStudyPlanCreation(context) {
-        const page = await context.newPage();
-        await (0, study_plan_setup_1.completeStudyPlanGettingStarted)(page);
-        await page.close();
     }
 }
 exports.RimoriE2ETestEnvironment = RimoriE2ETestEnvironment;

package/dist/helpers/e2e/create-exercise.d.ts

@@ -0,0 +1,19 @@
+import { Page } from '@playwright/test';
+interface Exercise {
+    title: string;
+    description: string;
+    pluginId: string;
+    actionKey: string;
+    parameters?: Record<string, unknown>;
+}
+/**
+ * Creates an exercise via the CreateExerciseDialog in rimori-main.
+ *
+ * Navigates to the dashboard, opens the "Create exercise" dialog, and walks
+ * through all 4 steps to create the exercise.
+ *
+ * @param page - Playwright page instance, should be authenticated on the dashboard
+ * @param exercise - Exercise definition with plugin ID, action key, and parameters
+ */
+export declare function createExerciseViaDialog(page: Page, exercise: Exercise): Promise<void>;
+export {};

package/dist/helpers/e2e/create-exercise.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createExerciseViaDialog = createExerciseViaDialog;
+const test_1 = require("@playwright/test");
+/**
+ * Creates an exercise via the CreateExerciseDialog in rimori-main.
+ *
+ * Navigates to the dashboard, opens the "Create exercise" dialog, and walks
+ * through all 4 steps to create the exercise.
+ *
+ * @param page - Playwright page instance, should be authenticated on the dashboard
+ * @param exercise - Exercise definition with plugin ID, action key, and parameters
+ */
+async function createExerciseViaDialog(page, exercise) {
+    await page.goto('/dashboard');
+    await page.waitForTimeout(2000);
+    // Open the Create Exercise dialog via the StudyBuddy section button
+    const createButton = page.getByRole('button', { name: 'Create exercise', exact: true });
+    await (0, test_1.expect)(createButton).toBeVisible({ timeout: 10000 });
+    await createButton.click();
+    // Wait for dialog to open
+    const dialog = page.locator('[role="dialog"]');
+    await (0, test_1.expect)(dialog).toBeVisible({ timeout: 5000 });
+    // Step 1: Select the action matching pluginId + actionKey
+    const actionButton = dialog.locator(`[data-plugin-id="${exercise.pluginId}"][data-action-key="${exercise.actionKey}"]`);
+    await (0, test_1.expect)(actionButton).toBeVisible({ timeout: 10000 });
+    await actionButton.click();
+    // Click "Next" to proceed to step 2
+    await dialog.getByRole('button', { name: 'Next' }).click();
+    // Step 2: Fill in exercise name and optional description
+    const nameInput = dialog.locator('input#exercise-name');
+    await (0, test_1.expect)(nameInput).toBeVisible({ timeout: 5000 });
+    await nameInput.fill(exercise.title);
+    if (exercise.description) {
+        const descInput = dialog.locator('textarea#exercise-description');
+        await descInput.fill(exercise.description);
+    }
+    // Keep default dates (today → today+7 days) — they are valid by default
+    await dialog.getByRole('button', { name: 'Next' }).click();
+    // Step 3: Fill in action parameters
+    if (exercise.parameters) {
+        for (const [key, value] of Object.entries(exercise.parameters)) {
+            // Try combobox (Radix Select) first — rendered with role="combobox"
+            const combobox = dialog.locator(`[id="param-${key}"][role="combobox"]`);
+            if (await combobox.count() > 0) {
+                await combobox.click();
+                await page.getByRole('option', { name: String(value), exact: true }).click();
+                continue;
+            }
+            // Number input
+            const numberInput = dialog.locator(`input#param-${key}[type="number"]`);
+            if (await numberInput.count() > 0) {
+                await numberInput.fill(String(value));
+                continue;
+            }
+            // Text input (default)
+            const textInput = dialog.locator(`input#param-${key}`);
+            if (await textInput.count() > 0) {
+                await textInput.fill(String(value));
+            }
+        }
+    }
+    await dialog.getByRole('button', { name: 'Next' }).click();
+    // Step 4: Create (without sharing)
+    const createExerciseButton = dialog.getByRole('button', { name: 'Create exercise' });
+    await (0, test_1.expect)(createExerciseButton).toBeEnabled({ timeout: 5000 });
+    await createExerciseButton.click();
+    // Wait for dialog to close (exercise created successfully)
+    await (0, test_1.expect)(dialog).toBeHidden({ timeout: 15000 });
+}

package/dist/helpers/e2e/onboarding.js

@@ -24,6 +24,7 @@ async function completeOnboarding(page, onboarding, e2ePluginId) {
     page.setDefaultNavigationTimeout(60000);
     // Ensure we're on onboarding page
     await (0, test_1.expect)(page).toHaveURL(/\/onboarding/);
+    await page.waitForTimeout(2000);
     // Step 1: Learning Reason (radio select, auto-advances after selection)
     const learningReasonOption = page.getByText(learningReasonMap[onboarding.learning_reason]);
     await (0, test_1.expect)(learningReasonOption).toBeVisible({ timeout: 10000 });
@@ -34,6 +35,7 @@ async function completeOnboarding(page, onboarding, e2ePluginId) {
     await (0, test_1.expect)(interestsTextarea).toBeVisible({ timeout: 10000 });
     await interestsTextarea.click();
     await interestsTextarea.fill(onboarding.interests);
+    await page.waitForTimeout(1000);
     const interestsContinue = page.getByRole('button', { name: /continue/i });
     await (0, test_1.expect)(interestsContinue).toBeEnabled({ timeout: 10000 });
     await interestsContinue.click();
@@ -56,11 +58,9 @@ async function completeOnboarding(page, onboarding, e2ePluginId) {
     await (0, test_1.expect)(page.getByRole('heading', { name: 'Almost there!' })).toBeVisible({ timeout: 10000 });
     await page.waitForURL('**/dashboard', { timeout: 120000 });
     await (0, test_1.expect)(page.getByRole('heading', { name: "Today's Mission" })).toBeVisible({ timeout: 30000 });
+    //navbar should get shown
     await (0, test_1.expect)(page.getByRole('link', { name: 'Grammar', exact: true })).toBeVisible({ timeout: 60000 });
-    await (0, test_1.expect)(page.getByRole('heading', { name: 'Getting Started: Create your first study plan' })).toBeVisible({
-        timeout: 60000,
-    });
-    await (0, test_1.expect)(page.getByText('Train your first flashcard deck', { exact: true })).toBeVisible({ timeout: 200000 });
+    //support sidepanel should be open
     await (0, test_1.expect)(page.locator('iframe').contentFrame().getByText('Getting Started', { exact: true })).toBeVisible({
         timeout: 250000,
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rimori/playwright-testing",
-  "version": "0.3.10",
+  "version": "0.3.11-next.1",
   "description": "Playwright testing utilities for Rimori plugins and workers",
   "license": "Apache-2.0",
   "repository": {
@@ -26,11 +26,11 @@
   },
   "peerDependencies": {
     "@playwright/test": "^1.40.0",
-    "@rimori/client": "^2.5.17"
+    "@rimori/client": "2.5.18-next.0"
   },
   "devDependencies": {
     "@playwright/test": "^1.40.0",
-    "@rimori/client": "^2.5.17",
+    "@rimori/client": "2.5.18-next.0",
     "@types/node": "^20.12.7",
     "rimraf": "^5.0.7",
     "typescript": "^5.7.2"

package/dist/helpers/e2e/study-plan-setup.d.ts

@@ -1,11 +0,0 @@
-import { Page } from '@playwright/test';
-/**
- * Navigates through the study plan getting-started flow on the dashboard.
- * This clicks through the real UI: milestone planning (Submit Topics) and
- * exercise creation (Save Exercises).
- *
- * Expects the page to already be on the dashboard with a "Getting Started" exercise visible.
- *
- * @param page - Playwright page instance, should be on the dashboard
- */
-export declare function completeStudyPlanGettingStarted(page: Page): Promise<void>;

package/dist/helpers/e2e/study-plan-setup.js

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.completeStudyPlanGettingStarted = completeStudyPlanGettingStarted;
-const test_1 = require("@playwright/test");
-/**
- * Navigates through the study plan getting-started flow on the dashboard.
- * This clicks through the real UI: milestone planning (Submit Topics) and
- * exercise creation (Save Exercises).
- *
- * Expects the page to already be on the dashboard with a "Getting Started" exercise visible.
- *
- * @param page - Playwright page instance, should be on the dashboard
- */
-async function completeStudyPlanGettingStarted(page) {
-    page.goto('/dashboard');
-    await page.waitForTimeout(2000);
-    // Step 1: Find and click the Getting Started exercise card
-    const card = page.getByText('Getting Started: Create your first study plan', { exact: false });
-    await card.waitFor({ timeout: 10000, state: 'visible' }).catch(() => {
-        /* not visible within 10s, continue to early return below */
-    });
-    if (!(await card.isVisible())) {
-        page.close();
-        console.warn(`[E2E] Getting Started card not found, skipping study plan setup`);
-        return;
-    }
-    const gettingStartedCard = page.getByText('Start Exercise', { exact: false }).first();
-    await (0, test_1.expect)(gettingStartedCard).toBeVisible({ timeout: 30000 });
-    await gettingStartedCard.click();
-    // Wait for the study plan plugin iframe to load
-    const iframe = page.locator('iframe').first();
-    await (0, test_1.expect)(iframe).toBeVisible({ timeout: 30000 });
-    const frame = iframe.contentFrame();
-    // Step 2: Milestone Planning Stage
-    // Wait for the 3 milestone cards to appear (AI generates them)
-    await (0, test_1.expect)(frame.getByText('Week 1', { exact: false })).toBeVisible({ timeout: 180000 });
-    await (0, test_1.expect)(frame.getByText('Week 2', { exact: false })).toBeVisible({ timeout: 10000 });
-    await (0, test_1.expect)(frame.getByText('Week 3', { exact: false })).toBeVisible({ timeout: 10000 });
-    // Wait for "Submit Topics" button to be enabled and click it
-    const submitTopicsButton = frame.getByRole('button', { name: /submit topics/i });
-    await (0, test_1.expect)(submitTopicsButton).toBeEnabled({ timeout: 180000 });
-    await submitTopicsButton.click();
-    // Step 3: Exercise Creation Stage
-    // Wait for "Save Exercises" button to appear (AI generates all exercises)
-    const saveExercisesButton = frame.getByRole('button', { name: /save exercises/i });
-    await (0, test_1.expect)(saveExercisesButton).toBeVisible({ timeout: 300000 });
-    await (0, test_1.expect)(saveExercisesButton).toBeEnabled({ timeout: 30000 });
-    await saveExercisesButton.click();
-    // Wait for save to complete (button should disappear or page navigates)
-    await (0, test_1.expect)(saveExercisesButton).toBeHidden({ timeout: 30000 });
-    // Step 4: Verify completion - should be back on dashboard
-    // The "Getting Started" card should be gone and exercises should appear
-    await (0, test_1.expect)(page.getByText("Today's Mission", { exact: false })).toBeVisible({ timeout: 30000 });
-}