huike-e2e-moicen/tests/course-package-store.spec.ts

import { expect, test } from './fixtures';

const testOrgId = '57753e11dff343b1ab95623933e8960b';
const moicenUnionid = process.env.MOICEN_E2E_UNIONID?.trim();

test.describe('课包商店', () => {

  test('未登录访问首页显示课包商店', async ({ page }) => {
    // Clear any stored auth
    await page.goto('/');
    await page.evaluate(() => localStorage.clear());

    // Reload without auth, with org_id so the store loads public packages
    await page.goto(`/?org_id=${testOrgId}`, { waitUntil: 'domcontentloaded', timeout: 60_000 });
    await expect(page.locator('#app')).toBeVisible({ timeout: 60_000 });
    await page.waitForTimeout(3000);

    // The page should not show the empty login message
    const loginHint = page.getByText('请返回微信小程序完成登录');
    await expect(loginHint).not.toBeVisible();

    // The course package store component should be present
    const store = page.locator('.course-package-store');
    await expect(store).toBeVisible({ timeout: 15_000 });
  });

  test('课包卡片展示基本信息且不显示定价', async ({ page }) => {
    // Mock the public API to return test packages
    await page.route(/public-packages/, async route => {
      await route.fulfill({
        status: 200,
        contentType: 'application/json',
        body: JSON.stringify({
          r: true,
          d: [[
            {
              id: 'pkg-001',
              package_name: '测试钢琴课包',
              description: '这是一门测试用的钢琴课程包，包含10节课时',
              total_lessons: 10,
              original_price: 200000,
              selling_price: 180000,
              validity_days: 180,
              package_status: 'ACTIVE',
              cover_image_url: null,
              sort_order: 1,
            },
            {
              id: 'pkg-002',
              package_name: '声乐基础训练',
              description: '从零开始学声乐',
              total_lessons: 20,
              original_price: 300000,
              selling_price: 250000,
              validity_days: 365,
              package_status: 'ACTIVE',
              cover_image_url: null,
              sort_order: 2,
            },
          ], 1, 2],
          e: null,
        }),
      });
    });

    await page.goto('/', { waitUntil: 'domcontentloaded', timeout: 60_000 });
    await page.evaluate(() => localStorage.clear());

    // Navigate with org_id in URL so the component calls the public API
    await page.goto(`/?org_id=${testOrgId}`, { waitUntil: 'domcontentloaded', timeout: 60_000 });
    await expect(page.locator('#app')).toBeVisible({ timeout: 60_000 });
    await page.waitForTimeout(3000);

    // Package cards should be visible
    const packageCards = page.locator('.package-card');
    await expect(packageCards).toHaveCount(2, { timeout: 15_000 });

    // Verify first card shows title
    const firstTitle = packageCards.first().locator('.card-title');
    await expect(firstTitle).toContainText('测试钢琴课包');

    // Verify no price text ("¥" or "售价") is visible within cards
    const cards = await packageCards.all();
    for (const card of cards) {
      const cardText = await card.innerText();
      expect(cardText).not.toContain('¥');
      expect(cardText).not.toContain('售价');
    }

    // Verify lesson count IS shown
    await expect(packageCards.first().locator('.card-meta')).toContainText('10 课次');
  });

  test('试看按钮在未登录态弹出登录提示', async ({ page }) => {
    // Mock the public API to return test packages
    await page.route(/public-packages/, async route => {
      await route.fulfill({
        status: 200,
        contentType: 'application/json',
        body: JSON.stringify({
          r: true,
          d: [[
            {
              id: 'pkg-001',
              package_name: '测试课包',
              description: '测试用课包',
              total_lessons: 10,
              validity_days: 180,
              package_status: 'ACTIVE',
            },
          ], 1, 1],
          e: null,
        }),
      });
    });

    await page.goto('/', { waitUntil: 'domcontentloaded', timeout: 60_000 });
    await page.evaluate(() => localStorage.clear());

    await page.goto(`/?org_id=${testOrgId}`, { waitUntil: 'domcontentloaded', timeout: 60_000 });
    await expect(page.locator('#app')).toBeVisible({ timeout: 60_000 });
    await page.waitForTimeout(3000);

    // Wait for package cards to load
    const previewBtn = page.locator('.preview-btn').first();
    await expect(previewBtn).toBeVisible({ timeout: 15_000 });
    await previewBtn.click();
    await page.waitForTimeout(1000);

    // Dialog should appear with login prompt
    const dialog = page.locator('.van-dialog');
    await expect(dialog).toBeVisible({ timeout: 10_000 });
    await expect(dialog).toContainText('微信登录');

    // Close dialog
    const confirmBtn = page.locator('.van-dialog__confirm');
    await confirmBtn.click();
  });

  test('课包商店显示加载中状态', async ({ page }) => {
    // Delay the API response to trigger loading skeleton
    await page.route(/public-packages/, async route => {
      await new Promise(resolve => setTimeout(resolve, 3000));
      await route.fulfill({
        status: 200,
        contentType: 'application/json',
        body: JSON.stringify({ r: true, d: [[], 0, 0], e: null }),
      });
    });

    await page.goto('/', { waitUntil: 'domcontentloaded', timeout: 60_000 });
    await page.evaluate(() => localStorage.clear());

    await page.goto(`/?org_id=${testOrgId}`, { waitUntil: 'domcontentloaded', timeout: 60_000 });
    await expect(page.locator('#app')).toBeVisible({ timeout: 60_000 });

    // Skeleton should be visible while loading (give it time to render)
    await expect(page.locator('.van-skeleton').first()).toBeVisible({ timeout: 10_000 });
  });

  test('课包商店API错误显示重试按钮', async ({ page }) => {
    // Mock the API to return an error
    await page.route(/public-packages/, async route => {
      await route.fulfill({
        status: 200,
        contentType: 'application/json',
        body: JSON.stringify({ r: false, d: null, e: '服务器错误' }),
      });
    });

    await page.goto('/', { waitUntil: 'domcontentloaded', timeout: 60_000 });
    await page.evaluate(() => localStorage.clear());

    await page.goto(`/?org_id=${testOrgId}`, { waitUntil: 'domcontentloaded', timeout: 60_000 });
    await expect(page.locator('#app')).toBeVisible({ timeout: 60_000 });
    await page.waitForTimeout(3000);

    // Error state should show retry button
    const retryBtn = page.locator('.course-package-store').getByText('重试');
    await expect(retryBtn).toBeVisible({ timeout: 15_000 });
  });
});

test.describe('课包商店（已登录学生查看老师主页）', () => {

  test('学生登录后 /teacher/home 显示课包商店', async ({ page }) => {
    test.setTimeout(180_000);

    if (!moicenUnionid) {
      test.skip(true, 'MOICEN_E2E_UNIONID 未设置');
      return;
    }

    // Login as student (status=2)
    const q = new URLSearchParams({ unionid: moicenUnionid, status: '2' });
    await page.goto(`/?${q.toString()}`, { waitUntil: 'domcontentloaded', timeout: 60_000 });
    await expect(page.locator('#app')).toBeVisible({ timeout: 60_000 });
    await page.waitForTimeout(5000);

    // Select student role if prompted
    const roleSelect = page.getByText('请选择您的登录身份');
    if (await roleSelect.isVisible().catch(() => false)) {
      const studentRole = page.locator('.van-grid-item').filter({ hasText: '学生' });
      if (await studentRole.isVisible().catch(() => false)) {
        await studentRole.click();
        await page.waitForTimeout(5000);
      }
    }

    // Handle org select if needed
    if (page.url().includes('/org/select')) {
      if (await page.getByText('请返回微信小程序完成登录').isVisible().catch(() => false)) {
        test.skip(true, '会话不可用');
        return;
      }
      const orgCell = page.locator('#app .van-cell-group .van-cell').first();
      if (await orgCell.isVisible().catch(() => false)) {
        await orgCell.click();
        await page.waitForTimeout(5000);
      }
    }

    // Navigate to teacher home
    await page.goto('/teacher/home', { waitUntil: 'domcontentloaded', timeout: 60_000 });
    await expect(page.locator('#app')).toBeVisible({ timeout: 60_000 });
    await page.waitForTimeout(5000);

    // Should NOT see the login prompt
    await expect(page.getByText('请返回微信小程序完成登录')).not.toBeVisible();

    // Should see the course package section
    const section = page.locator('.course-package-section');
    await expect(section).toBeVisible({ timeout: 15_000 });
    await expect(section.locator('.section-header')).toContainText('课包商店');

    // Should see at least one package card
    const cards = page.locator('.course-package-store .package-card');
    await expect(cards.first()).toBeVisible({ timeout: 15_000 });
    const cardCount = await cards.count();
    expect(cardCount).toBeGreaterThan(0);

    // Each card should have package name and lesson count (no pricing)
    for (let i = 0; i < cardCount; i++) {
      const card = cards.nth(i);
      const text = await card.innerText();
      expect(text.length).toBeGreaterThan(0);
      expect(text).not.toContain('¥');
      expect(text).not.toContain('售价');
    }

    // Should have a preview button on each card
    const previewBtns = page.locator('.course-package-store .preview-btn');
    expect(await previewBtns.count()).toBe(cardCount);
  });
});