@rimori/playwright-testing 0.3.7 → 0.3.8-next.1

package/dist/core/RimoriE2ETestEnvironment.d.ts

@@ -1,4 +1,5 @@
 import { Browser, Page } from '@playwright/test';
+import { Onboarding } from '../helpers/e2e/onboarding';
 interface RimoriE2ETestEnvironmentOptions {
     browser: Browser;
     pluginId: string;
@@ -10,12 +11,6 @@ interface Exercise {
     actionKey: string;
     parameters?: Record<string, unknown>;
 }
-export interface Onboarding {
-    motivation_type?: string;
-    preferred_genre?: string;
-    target_country?: string;
-    target_city?: string;
-}
 interface SetupOptions {
     onboarding?: Onboarding;
     exercises?: Array<Exercise>;

package/dist/core/RimoriE2ETestEnvironment.js

@@ -23,10 +23,10 @@ class RimoriE2ETestEnvironment {
     }
     async setup({ onboarding, exercises, studyPlan } = {}) {
         const onboardingData = {
-            motivation_type: onboarding?.motivation_type ?? 'accomplishment',
-            preferred_genre: onboarding?.preferred_genre ?? 'comedy',
+            learning_reason: onboarding?.learning_reason ?? 'work',
             target_country: onboarding?.target_country ?? 'SE',
             target_city: onboarding?.target_city ?? 'Malmö',
+            interests: onboarding?.interests ?? 'Travel, cooking, and music',
         };
         // Step 1: Create both test users (temp + persist) via API
         const { temp, persist } = await this.createTestUserViaApi();

package/dist/core/RimoriTestEnvironment.d.ts

@@ -1,8 +1,8 @@
 import { Page, Request } from '@playwright/test';
-import { UserInfo } from '@rimori/client/dist/controller/SettingsController';
-import { MainPanelAction, Plugin } from '@rimori/client/dist/fromRimori/PluginTypes';
+import { UserInfo } from '@rimori/client';
+import { MainPanelAction, Plugin, SidebarAction } from '@rimori/client';
 import { PluginSettings } from './SettingsStateManager';
-import { EventPayload } from '@rimori/client/dist/fromRimori/EventBus';
+import { EventPayload } from '@rimori/client';
 import { LanguageLevel } from '@rimori/client';
 interface RimoriTestEnvironmentOptions {
     page: Page;
@@ -215,9 +215,9 @@ export declare class RimoriTestEnvironment {
         /**
          * Triggers a side panel action event as the parent application would.
          * This simulates how rimori-main's SidebarPluginHandler responds to plugin's 'action.requestSidebar' events.
-         * @param payload - The action payload containing plugin_id, action_key, and action parameters
+         * @param payload - The action payload containing text, action key, and optional args
          */
-        triggerOnSidePanelAction: (payload: MainPanelAction) => Promise<void>;
+        triggerOnSidePanelAction: (payload: SidebarAction) => Promise<void>;
         /**
          * Triggers a main panel action event as the parent application would.
          * This simulates how rimori-main's MainPluginHandler uses EventBus.respond to respond

package/dist/core/RimoriTestEnvironment.js

@@ -160,7 +160,7 @@ class RimoriTestEnvironment {
             /**
              * Triggers a side panel action event as the parent application would.
              * This simulates how rimori-main's SidebarPluginHandler responds to plugin's 'action.requestSidebar' events.
-             * @param payload - The action payload containing plugin_id, action_key, and action parameters
+             * @param payload - The action payload containing text, action key, and optional args
              */
             triggerOnSidePanelAction: async (payload) => {
                 if (!this.messageChannelSimulator) {

package/dist/fixtures/default-user-info.js

@@ -23,8 +23,8 @@ exports.DEFAULT_USER_INFO = {
     skill_level_speaking: 'Pre-A1',
     skill_level_listening: 'Pre-A1',
     skill_level_understanding: 'Pre-A1',
-    goal_longterm: 'Learn Swedish',
-    goal_weekly: 'Practice daily',
+    learning_reason: 'growth',
+    personal_interests: 'Travel and cooking',
     study_buddy: {
         id: 'buddy-1',
         name: 'Test Buddy',
@@ -33,9 +33,7 @@ exports.DEFAULT_USER_INFO = {
         voiceId: 'alloy',
         aiPersonality: 'friendly',
     },
-    story_genre: 'fiction',
     study_duration: 30,
-    motivation_type: 'career',
     onboarding_completed: true,
     context_menu_on_select: true,
     user_name: 'Test User',

package/dist/helpers/e2e/onboarding.d.ts

@@ -1,3 +1,21 @@
 import { Page } from "@playwright/test";
-import { Onboarding } from "../../core/RimoriE2ETestEnvironment";
+export interface Onboarding {
+    learning_reason?: keyof typeof learningReasonMap;
+    target_country?: string;
+    target_city?: string;
+    interests?: string;
+}
+declare const learningReasonMap: {
+    work: string;
+    relationship: string;
+    friends_family: string;
+    education: string;
+    moving: string;
+    culture_travel: string;
+    self_improvement: string;
+    citizenship: string;
+    other: string;
+    speaking: string;
+};
 export declare function completeOnboarding(page: Page, onboarding: Required<Onboarding>, e2ePluginId?: string): Promise<void>;
+export {};

package/dist/helpers/e2e/onboarding.js

@@ -2,6 +2,18 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.completeOnboarding = completeOnboarding;
 const test_1 = require("@playwright/test");
+const learningReasonMap = {
+    work: 'For my job',
+    relationship: 'For my relationship',
+    friends_family: 'For friends and family',
+    education: 'For education',
+    moving: 'Moving or living abroad',
+    culture_travel: 'For culture and travel',
+    self_improvement: 'Self-improvement',
+    citizenship: 'For citizenship or residency',
+    other: 'Other reason',
+    speaking: 'What is your main motivation to learn Swedish?',
+};
 async function completeOnboarding(page, onboarding, e2ePluginId) {
     console.log(`[E2E] Onboarding user`);
     console.log(`[E2E] E2E plugin ID: ${e2ePluginId}`);
@@ -12,46 +24,44 @@ async function completeOnboarding(page, onboarding, e2ePluginId) {
     page.setDefaultNavigationTimeout(60000);
     // Ensure we're on onboarding page
     await (0, test_1.expect)(page).toHaveURL(/\/onboarding/);
-    // Step 1: Purpose/Long-term goal
-    const goalInput = page.locator('textarea, input[type="text"]');
-    await goalInput.waitFor({ state: 'visible' });
-    await goalInput.click();
-    await goalInput.fill("test goal");
-    const continueButton = page.getByRole('button', { name: /continue/i });
-    await (0, test_1.expect)(continueButton).toBeEnabled({ timeout: 10000 });
-    await continueButton.click();
-    // Step 2: Motivation type (auto-advances after selection)
-    // Wait for the motivation step heading to appear
-    const motivationHeading = page.getByText('What motivates you most?');
-    await (0, test_1.expect)(motivationHeading).toBeVisible({ timeout: 10000 });
-    const motivationOption = page.locator('label').filter({ hasText: '🏆Progress & Accomplishment' });
-    await (0, test_1.expect)(motivationOption).toBeVisible({ timeout: 10000 });
-    await motivationOption.click();
-    // Step 3: Genre preference (auto-advances after selection)
-    // Wait for the genre step heading to appear
-    const genreHeading = page.getByText('What kind of stories do you like most?');
-    await (0, test_1.expect)(genreHeading).toBeVisible({ timeout: 10000 });
-    const genreOption = page.locator('label').filter({ hasText: 'Comedy' });
-    await (0, test_1.expect)(genreOption).toBeVisible({ timeout: 10000 });
-    await genreOption.click();
-    // Step 4: Location
-    // Wait for the location step to appear
+    // 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 });
+    await learningReasonOption.click();
+    // Step 2: Interests (textarea with continue button)
+    await page.waitForTimeout(1000);
+    const interestsTextarea = page.locator('textarea');
+    await (0, test_1.expect)(interestsTextarea).toBeVisible({ timeout: 10000 });
+    await interestsTextarea.click();
+    await interestsTextarea.fill(onboarding.interests);
+    const interestsContinue = page.getByRole('button', { name: /continue/i });
+    await (0, test_1.expect)(interestsContinue).toBeEnabled({ timeout: 10000 });
+    await interestsContinue.click();
+    // Step 3: Location
     const countrySelect = page.getByLabel('Country');
     await (0, test_1.expect)(countrySelect).toBeVisible({ timeout: 10000 });
-    await countrySelect.selectOption('SE');
-    await page.getByLabel('City (optional)').selectOption('Malmö');
+    await countrySelect.selectOption(onboarding.target_country);
+    await page.getByLabel('City (optional)').selectOption(onboarding.target_city);
     await page.getByRole('button', { name: 'Continue' }).click();
+    // Step 4: Study Buddy (card select, auto-advances after selection)
+    // Wait for study buddy step and click the first buddy card
+    await page.waitForTimeout(1000);
+    const buddyCard = page
+        .locator('button')
+        .filter({ has: page.locator('img') })
+        .first();
+    await (0, test_1.expect)(buddyCard).toBeVisible({ timeout: 10000 });
+    await buddyCard.click();
     // Step 5: Wait for setup completion
     await (0, test_1.expect)(page.getByRole('heading', { name: 'Almost there!' })).toBeVisible({ timeout: 10000 });
     await page.waitForURL('**/dashboard', { timeout: 120000 });
-    // await page.screenshot({ path: path.join(process.cwd(), 'playwright/dashboard.png') });
     await (0, test_1.expect)(page.getByRole('heading', { name: "Today's Mission" })).toBeVisible({ timeout: 30000 });
     await (0, test_1.expect)(page.getByRole('button', { 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 });
-    await (0, test_1.expect)(page.locator('iframe').contentFrame().getByRole('button', { name: 'Back to Plugins' })).toBeVisible({
+    await (0, test_1.expect)(page.locator('iframe').contentFrame().getByText('Getting Started', { exact: true })).toBeVisible({
         timeout: 250000,
     });
 }

package/dist/test/translator.test.js

@@ -67,8 +67,6 @@ test_1.test.describe('Demo Plugin', () => {
     (0, test_1.test)('translates via side panel action event', async ({ page }) => {
         // Set up the listener BEFORE navigating so it's ready when the plugin calls onSidePanelAction
         await env.event.triggerOnSidePanelAction({
-            plugin_id: pluginId,
-            action_key: 'translate',
             action: 'translate',
             text: 'tree',
         });
@@ -82,8 +80,6 @@ test_1.test.describe('Demo Plugin', () => {
     (0, test_1.test)('translates and resets the translator', async ({ page }) => {
         // Set up the listener BEFORE navigating so it's ready when the plugin calls onSidePanelAction
         await env.event.triggerOnSidePanelAction({
-            plugin_id: pluginId,
-            action_key: 'translate',
             action: 'translate',
             text: 'tree',
         });
@@ -105,8 +101,6 @@ test_1.test.describe('Demo Plugin', () => {
         await env.ai.mockGetSteamedText('This is a tree in Swedish: träd. It is an ett word.');
         // Set up the listener BEFORE navigating so it's ready when the plugin calls onSidePanelAction
         await env.event.triggerOnSidePanelAction({
-            plugin_id: pluginId,
-            action_key: 'translate',
             action: 'translate',
             text: 'tree',
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rimori/playwright-testing",
-  "version": "0.3.7",
+  "version": "0.3.8-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.13"
+    "@rimori/client": "2.5.17-next.0"
   },
   "devDependencies": {
     "@playwright/test": "^1.40.0",
-    "@rimori/client": "^2.5.13",
+    "@rimori/client": "2.5.17-next.0",
     "@types/node": "^20.12.7",
     "rimraf": "^5.0.7",
     "typescript": "^5.7.2"