@rimori/playwright-testing 0.3.11 → 0.3.12-next.0

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,11 +2,12 @@
 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';
+// const BACKEND_URL = 'http://localhost:2800';
+const BACKEND_URL = 'https://dev-api.rimori.se';
 class RimoriE2ETestEnvironment {
     constructor(options) {
         this.persistentUserContext = null;
@@ -21,7 +22,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',
@@ -61,11 +62,6 @@ class RimoriE2ETestEnvironment {
             console.log(`[E2E] Setting up exercises`);
             await this.completeExerciseSetup(tempPage, exercises);
         }
-        // Step 7: Complete study plan creation if specified
-        if (studyPlan?.complete) {
-            console.log(`[E2E] Setting up study plan`);
-            await this.completeStudyPlanCreation(tempPage);
-        }
         tempPage.close();
         console.log(`[E2E] Setup completed`);
     }
@@ -147,9 +143,11 @@ class RimoriE2ETestEnvironment {
     }
     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}`);
         }
         console.log(`[E2E] Authentication completed`);
@@ -170,14 +168,8 @@ class RimoriE2ETestEnvironment {
     }
     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);
         }
     }
-    async completeStudyPlanCreation(page) {
-        await (0, study_plan_setup_1.completeStudyPlanGettingStarted)(page);
-    }
 }
 exports.RimoriE2ETestEnvironment = RimoriE2ETestEnvironment;

package/dist/core/RimoriTestEnvironment.js

@@ -224,6 +224,8 @@ class RimoriTestEnvironment {
                 this.addBackendRoute('/ai/llm', { result: text }, { ...options, isStreaming: true });
             },
             mockGetVoice: (values, options) => {
+                // getVoice() calls ensureSessionToken() first, so mock the session endpoint too
+                this.addBackendRoute('/ai/session', { session_token_id: 'mock-session-token' }, { method: 'POST' });
                 this.addBackendRoute('/voice/tts', values, options);
             },
             mockGetTextFromVoice: (text, options) => {

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

@@ -58,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.11",
+  "version": "0.3.12-next.0",
   "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.18"
+    "@rimori/client": "^2.5.19"
   },
   "devDependencies": {
     "@playwright/test": "^1.40.0",
-    "@rimori/client": "^2.5.18",
+    "@rimori/client": "^2.5.19",
     "@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 });
-}