@rimori/playwright-testing 0.3.33 → 0.3.34

package/dist/helpers/e2e/onboarding.js

@@ -2,18 +2,21 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.completeOnboarding = completeOnboarding;
 const test_1 = require("@playwright/test");
+// Maps a learning-reason key to the option label rendered by the studyplan
+// goal-discovery MotivationStep (plugins/studyplan goal-discovery).
 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?',
+    work: 'For work',
+    friends: 'To connect with people',
+    study: 'For studies',
+    living: 'I live here',
+    culture: 'Love the culture',
+    growth: 'Personal growth',
+    other: 'Something else',
 };
+// Walks "onboarding 2.0": the rimori-main IntroStep ("Start the journey")
+// followed by the studyplan goal-discovery flow, which is rendered inline via
+// module federation on the same /onboarding route (NOT an iframe). MeetBuddy
+// generates the plan with real AI before "Start learning" becomes clickable.
 async function completeOnboarding(page, onboarding, e2ePluginId) {
     console.log(`[E2E] Onboarding user`);
     console.log(`[E2E] E2E plugin ID: ${e2ePluginId}`);
@@ -28,44 +31,36 @@ async function completeOnboarding(page, onboarding, e2ePluginId) {
         console.log('[E2E] User already onboarded, skipping onboarding steps');
         return;
     }
-    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 });
-    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);
-    await page.waitForTimeout(1000);
-    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(onboarding.target_country);
-    await page.getByLabel('City (optional)').selectOption(onboarding.target_city);
+    // Step 0: Intro — single CTA that saves defaults and swaps to goal-discovery.
+    const startJourney = page.getByRole('button', { name: 'Start the journey' });
+    await (0, test_1.expect)(startJourney).toBeVisible({ timeout: 10000 });
+    await startJourney.click();
+    // Step 1: Motivation (radio select, auto-advances after selection)
+    await (0, test_1.expect)(page.getByText('Why are you learning Swedish?')).toBeVisible({ timeout: 30000 });
+    await page.getByText(learningReasonMap[onboarding.learning_reason]).click();
+    // Step 2: Profession (textarea + continue)
+    await (0, test_1.expect)(page.getByText('What is your profession or career goal?')).toBeVisible({ timeout: 10000 });
+    await page.getByPlaceholder(/sports teacher/i).fill(onboarding.profession);
     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 });
+    // Step 3: Certificate (auto-advances) — pick "not aiming for a certificate"
+    await (0, test_1.expect)(page.getByText('Are you preparing for a Swedish certificate?')).toBeVisible({ timeout: 10000 });
+    await page.getByRole('button', { name: "I'm not aiming for a certificate" }).click();
+    // Step 4: Interests (textarea + continue)
+    await (0, test_1.expect)(page.getByText('What are your interests?')).toBeVisible({ timeout: 10000 });
+    await page.getByPlaceholder(/cooking/i).fill(onboarding.interests);
+    await page.getByRole('button', { name: 'Continue' }).click();
+    // Step 5: Proud of (textarea + continue)
+    await (0, test_1.expect)(page.getByText('What do you want to be proud of in 3 months?')).toBeVisible({ timeout: 10000 });
+    await page.getByPlaceholder(/Swedish colleagues/i).fill(onboarding.proud_of);
+    await page.getByRole('button', { name: 'Continue' }).click();
+    // Step 6: Time commitment — defaults are valid, just continue
+    await (0, test_1.expect)(page.getByText('How much time do you want to invest')).toBeVisible({ timeout: 10000 });
+    await page.getByRole('button', { name: 'Continue' }).click();
+    // Step 7: Meet buddy — wait out real AI plan generation, then start learning.
+    const startLearning = page.getByRole('button', { name: 'Start learning' });
+    await (0, test_1.expect)(startLearning).toBeEnabled({ timeout: 240000 });
+    await startLearning.click();
+    // Completion: triggerComplete marks onboarding done and hard-redirects to /dashboard.
     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 });
-    //support sidepanel should be open
-    await (0, test_1.expect)(page.locator('#sidebar').getByText('Getting Started', { exact: true })).toBeVisible({
-        timeout: 250000,
-    });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rimori/playwright-testing",
-  "version": "0.3.33",
+  "version": "0.3.34",
   "description": "Playwright testing utilities for Rimori plugins and workers",
   "license": "Apache-2.0",
   "repository": {
@@ -30,10 +30,12 @@
     "@types/react-dom": "^19.0.0",
     "@vitejs/plugin-react": "^6.0.0",
     "eslint": "^10.0.0",
+    "globals": "^16.4.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "rimraf": "^5.0.7",
     "typescript": "^5.7.2",
+    "typescript-eslint": "^8.46.0",
     "vite": "^8.0.0",
     "zod": "^3.23.8"
   },