xiaoshu-app/projects/xiaoshu-mobile/src/app/core/home-learning-modules.integration.spec.ts

import { provideHttpClient } from '@angular/common/http';
import { signal } from '@angular/core';
import { TestBed } from '@angular/core/testing';
import { provideRouter, Router } from '@angular/router';
import { RouterTestingHarness } from '@angular/router/testing';
import { Observable, of } from 'rxjs';
import { routes } from '../app.routes';
import { ApiService } from './api.service';
import { ApiEnvelope, AppUser } from './models';
import { PlatformService } from './platform.service';
import { SessionService } from './session.service';

class LearningModulesApiService {
  lastScheduleParams: Record<string, unknown> = {};
  lastNodeParams: Record<string, unknown> = {};
  lastWordParams: Record<string, unknown> = {};
  lastLearningWordUpdate: Record<string, unknown> = {};
  lastMemoryParams: Record<string, unknown> = {};

  get<T>(action: string, params: Record<string, unknown> = {}): Observable<ApiEnvelope<T>> {
    if (action === 'content_list' && Number(params['nid']) === 291) {
      return this.result<T>([
        { GeneralID: 201, CreateTime: '2026-08-01 09:30:00', con: '初中英语@Unit 1', xxqs: JSON.stringify([{ Title: 'apple' }]) },
        { GeneralID: 202, CreateTime: '2026-08-04 16:20:00', con: '高中英语@Unit 2' },
      ]);
    }
    if (action === 'content_list' && Number(params['nid']) === 388) {
      return this.result<T>([
        { GeneralID: 100, Title: '张雅茜@历史任务', kywsj: '2026-05-15 09:00', fxzt: 1, yhid: 100, xxjlid: 900 },
        { GeneralID: 101, Title: '张雅茜@任务', kywsj: '2026-08-01 09:00', fxzt: 1, yhid: 100, xxjlid: 900 },
        { GeneralID: 102, Title: '张雅茜@任务', kywsj: '2026-08-02 09:00', fxzt: 0, yhid: 100, xxjlid: 900 },
      ]);
    }
    if (action === 'content_list' && Number(params['nid']) === 3) {
      return this.result<T>([{ GeneralID: 301, Title: '阅读理解专项' }]);
    }
    if (action === 'content_list' && Number(params['nid']) === 389) {
      return this.result<T>([{ GeneralID: 401, df: 18, totalScore: 48, dontKnow: 20, wrong: 10 }]);
    }
    if (action === 'content_list' && Number(params['nid']) === 28) {
      return this.result<T>([
        { GeneralID: 801, kcid: 801, Title: '初中英语|七年级上册@同步词汇' },
        { GeneralID: 802, kcid: 801, Title2: '【初中英语】阅读训练' },
      ]);
    }
    if (action === 'content_list' && Number(params['nid']) === 29) {
      this.lastScheduleParams = params;
      return this.result<T>([
        { GeneralID: 901, bxrq: '2026-08-10 00:00:00', sdsd: '19:00', Title: '同步伴学', plxm: '张老师', dszt: 10 },
        { GeneralID: 902, bxrq: '2026-08-03 00:00:00', sdsd: '18:00', Title: '历史伴学', plxm: '李老师', dszt: 30 },
      ]);
    }
    if (action === 'node_list' && Number(params['pid']) === 8) {
      return this.result<T>([{ NodeID: 801, NodeName: '小学人教版词库' }]);
    }
    if (action === 'node_list' && Number(params['pid']) === 801) {
      this.lastNodeParams = params;
      return this.result<T>([
        { NodeID: 811, NodeName: 'Unit 1', yx_word: 1, total: 20 },
        { NodeID: 812, NodeName: 'Unit 2', yx_word: 0, total: 18 },
      ]);
    }
    if (action === 'e_ck_list') {
      this.lastWordParams = params;
      const allWords = Number(params['nids']) === 813
        ? Array.from({ length: 65 }, (_, index) => ({ GeneralID: 2001 + index, NodeID: 813, Title: `word-${index + 1}`, sy: `释义 ${index + 1}` }))
        : [
            { GeneralID: 1001, NodeID: 811, Title: 'apple', sy: 'n. 苹果', yp: 'apple.mp3', w_learned: 1 },
            { GeneralID: 1002, NodeID: 812, Title: 'banana', sy: 'n. 香蕉', yp: 'banana.mp3', w_learned: 0 },
          ];
      const pageIndex = Math.max(1, Number(params['cpage'] ?? 1));
      const pageSize = Math.max(1, Number(params['psize'] ?? 30));
      const result = allWords.slice((pageIndex - 1) * pageSize, pageIndex * pageSize);
      return of({
        retcode: 1,
        result: result as T,
        page: { itemCount: allWords.length, pageCount: Math.ceil(allWords.length / pageSize), pageIndex, pageSize },
      });
    }
    if (action === 'node_get') return this.result<T>([{ NodeID: 3, NodeName: '专项训练' }]);
    if (action === 'vote_ask') return this.result<T>([{ ID: 1, Title: '第一组问题' }]);
    if (action === 'vote_question') {
      return this.result<T>([{ ID: 501, AskID: 1, QType: 1, QTitle: 'apple', QContent: '苹果', QOption: JSON.stringify([{ text: '苹果', value: 1 }]) }]);
    }
    if (action === 'e_words_list') {
      return this.result<T>([{
        GeneralID: 601,
        Title: 'tend@张雅茜',
        detail: [{ GeneralID: 701, Title: 'tend', sy: 'vt.照顾;照料', yp: 'tend.mp3' }],
      }]);
    }
    return this.result<T>([]);
  }

  post<T>(action: string, params: Record<string, unknown> = {}): Observable<ApiEnvelope<T>> {
    if (action === 'e_add_words') {
      this.lastLearningWordUpdate = params;
      return this.result<T>({ affected: String(params['wordsId'] ?? '').split(',').filter(Boolean).length });
    }
    if (action === 'e_order_tongji') {
      return this.result<T>({ t30: 4, t60: 6, t_tiyan: 1, t_total: 11, t_shichang: 9, t_yongji: 320 });
    }
    if (action === 'e_user_list') {
      return this.result<T>([{ szyh: 100, honeyname: '张雅茜' }]);
    }
    if (action === 'app_learning_overview') {
      const records = [
        { GeneralID: 201, CreateTime: '2026-08-01 09:30:00', dqrq: '20260801', con: '初中英语@Unit 1', xxqs: JSON.stringify([{ Title: 'apple' }]) },
        { GeneralID: 202, CreateTime: '2026-08-04 16:20:00', dqrq: '20260804', con: '高中英语@Unit 2' },
      ];
      const selected = String(params['date'] ?? '');
      return this.result<T>({
        records: selected ? records.filter((item) => item.CreateTime.startsWith(selected)) : records,
        latestReadingRecord: records[0],
        recordDateCounts: { '2026-08-01': 1, '2026-08-04': 1 },
        scheduleDateCounts: {},
        schedules: [],
        courses: [
          { GeneralID: 801, id: 701, kcid: 801, Title: '初中英语|七年级上册@同步词汇' },
          { GeneralID: 802, id: 702, Title2: '【初中英语】阅读训练', syjd: '{"811":"811@Unit 1@1"}' },
        ],
        refreshedAt: '2026-08-26T00:00:00.000Z',
      });
    }
    if (action === 'app_companion_overview') {
      this.lastScheduleParams = params;
      const schedules = [
        { GeneralID: 901, bxrq: '2026-08-10 00:00:00', sdsd: '19:00', Title: '同步伴学', plxm: '张老师', dszt: 10 },
        { GeneralID: 902, bxrq: '2026-08-03 00:00:00', sdsd: '18:00', Title: '历史伴学', plxm: '李老师', dszt: 30 },
        { GeneralID: 903, bxrq: '2099-01-01 00:00:00', sdsd: '18:00', Title: '未来计划', plxm: '王老师', dszt: 0 },
      ];
      const historySchedules = [
        { GeneralID: 911, bxrq: '2026-07-14 00:00:00', sdsd: '22:00', Title: '谢晨晨(60分钟练习)', plxm: '张老师', dszt: 30 },
        { GeneralID: 912, bxrq: '2026-07-14 00:00:00', sdsd: '17:00', Title: '谢谢(60分钟练习)', plxm: '张老师', dszt: 30 },
        { GeneralID: 913, bxrq: '2026-03-09 00:00:00', sdsd: '10:00', Title: '花花(60分钟练习)', plxm: '张老师', dszt: 30 },
        { GeneralID: 914, bxrq: '2026-01-18 00:00:00', sdsd: '16:30', Title: '小赵(60分钟练习)', plxm: '张老师', dszt: 30 },
        { GeneralID: 915, bxrq: '2026-01-18 00:00:00', sdsd: '16:00', Title: '小黄(60分钟练习)', plxm: '张老师', dszt: 30 },
      ];
      const rangeStart = String(params['rangeStart'] ?? '');
      const rangeEnd = String(params['rangeEnd'] ?? '');
      return this.result<T>({
        courses: [
          { GeneralID: 801, id: 701, kcid: 801, Title: '初中英语|七年级上册@同步词汇' },
          { GeneralID: 802, id: 702, Title2: '【初中英语】阅读训练', syjd: '{"811":"811@Unit 1@1"}' },
        ],
        schedules: params['history']
          ? historySchedules
          : rangeStart && rangeEnd
            ? schedules.filter((item) => item.bxrq.slice(0, 10) >= rangeStart && item.bxrq.slice(0, 10) <= rangeEnd)
            : schedules,
        refreshedAt: '2026-08-26T00:00:00.000Z',
      });
    }
    if (action === 'app_account_overview') {
      if (Number(params['uid']) === 300) {
        return this.result<T>({
          profile: { userId: 300, userName: 'coach', honeyName: '张老师', groupId: 3 },
          coachPanel: { todaySchedules: 2, completedLessons: 8, reviewIncome: 36, reviewRecords: 3, totalLessons: 11, totalHours: 9, course30: 4, course60: 6, trialLessons: 1 },
          refreshedAt: '2026-08-26T00:00:00.000Z',
        });
      }
      return this.result<T>({
        profile: { userId: 100, userName: 'student', honeyName: '张雅茜', groupId: 1 },
        companionSummary: { completedSessions: 1, completedMinutes: 60 },
        antiForgetSummary: { total: 3, completed: 2, progress: 67, todayTotal: 0, todayCompleted: 0, duePending: 1, scheduled: 0, scheduledDays: 3 },
        refreshedAt: '2026-08-26T00:00:00.000Z',
      });
    }
    if (action === 'e_get_21list') {
      this.lastMemoryParams = params;
      return this.result<T>([
        { GeneralID: 100, Title: '张雅茜@历史任务', kc_title: '历史复习', kywsj: '2026-05-15 09:00', learned_at: '2026-05-01T01:15:00.000Z', fxzt: 1, yhid: 100, xxjlid: 900 },
        { GeneralID: 101, Title: '张雅茜@任务', kc_title: '初中英语复习', kywsj: '2026-08-01 09:00', learned_at: '2026-07-20T02:20:00.000Z', fxzt: 1, yhid: 100, xxjlid: 900 },
        { GeneralID: 102, Title: '张雅茜@任务', kc_title: '高中英语复习', kywsj: '2026-08-02 09:00', learned_at: '2026-07-20T02:20:00.000Z', fxzt: 0, yhid: 100, xxjlid: 900 },
      ]);
    }
    if (action === 'e_record_detail') {
      return of({
        retcode: 1,
        result: [{ GeneralID: 701, Title: 'apple', detail: [{ GeneralID: 701, Title: 'apple', sy: '苹果', yp: '' }] }],
        addon: [{ if_writing: '0', if_writing_tips: '先回忆单词，再查看释义' }],
      } as unknown as ApiEnvelope<T>);
    }
    return this.result<T>([]);
  }

  assetUrl(path: unknown): string { return String(path ?? ''); }

  private result<T>(result: unknown): Observable<ApiEnvelope<T>> {
    return of({ retcode: 1, result: result as T });
  }
}

describe('home learning modules', () => {
  const user = signal<AppUser | null>({ userId: 100, userName: 'student', honeyName: '张雅茜', groupId: 1 });
  const selectedStudent = signal<AppUser | null>(null);
  const session = {
    user,
    token: signal('test-token'),
    student: selectedStudent,
    isLoggedIn: signal(true),
    groupId: signal(1),
    setStudent: (student: AppUser | null) => selectedStudent.set(student),
    patchUser: () => undefined,
    logout: () => undefined,
  };

  beforeEach(() => {
    user.set({ userId: 100, userName: 'student', honeyName: '张雅茜', groupId: 1 });
    session.groupId.set(1);
    session.student.set(null);
    TestBed.configureTestingModule({
      providers: [
        provideRouter(routes),
        provideHttpClient(),
        { provide: ApiService, useClass: LearningModulesApiService },
        { provide: SessionService, useValue: session },
      ],
    });
  });

  it('renders source-shaped data for all four home entries', async () => {
    const harness = await RouterTestingHarness.create();

    await harness.navigateByUrl('/pages/home/index');
    expect(harness.fixture.nativeElement.querySelector('.tabbar')).not.toBeNull();
    expect(harness.routeNativeElement?.querySelectorAll('.home-header .header-action').length).toBe(1);
    expect(harness.routeNativeElement?.querySelector('.home-header .header-action')?.getAttribute('href')).toBe('/pages/home/search');
    expect(harness.routeNativeElement?.querySelector('.home-header [aria-label="用户中心"]')).toBeNull();
    expect(harness.routeNativeElement?.querySelector('.memory-hero')).not.toBeNull();
    expect(harness.routeNativeElement?.querySelectorAll('.memory-dot').length).toBe(21);
    expect(harness.routeNativeElement?.querySelector('.today-panel')?.textContent).toContain('学习新词');
    expect(harness.routeNativeElement?.querySelectorAll('.student-stats > div').length).toBe(5);
    expect(harness.routeNativeElement?.querySelectorAll('.quick-grid > a').length).toBe(4);
    expect(harness.routeNativeElement?.querySelector('.continue-button')?.getAttribute('href')).toBe('/pages/stu/stu_calendar');
    expect(harness.routeNativeElement?.querySelector('.task-link')?.getAttribute('href')).toBe('/pages/home/cart');

    await harness.navigateByUrl('/pages/stu/index');
    await harness.fixture.whenStable();
    harness.fixture.detectChanges();
    expect(TestBed.inject(Router).url).toBe('/pages/home/cart');
    expect(harness.routeNativeElement?.textContent).not.toContain('选择词库教材');

    await harness.navigateByUrl('/pages/stu/stu_list?nid=801&bindingId=701');
    await harness.fixture.whenStable();
    harness.fixture.detectChanges();
    expect(harness.routeNativeElement?.querySelectorAll('.node-list button').length).toBe(2);
    expect(harness.routeNativeElement?.querySelector('.node-list button')?.textContent).toContain('已学 1/20 · 进度 5%');
    expect(harness.routeNativeElement?.querySelectorAll('.unit-progress-ring').length).toBe(2);
    expect(harness.routeNativeElement?.querySelector('.unit-progress-ring')?.textContent).toContain('5%');
    expect(harness.routeNativeElement?.querySelector('.unit-selection-summary')).toBeNull();
    expect(harness.routeNativeElement?.querySelector('.unit-actions')).toBeNull();
    const firstUnit = harness.routeNativeElement?.querySelector('.node-list button') as HTMLButtonElement;
    firstUnit.click();
    await harness.fixture.whenStable();
    harness.fixture.detectChanges();
    const readonlyRouter = TestBed.inject(Router);
    expect(readonlyRouter.url).toBe('/pages/stu/stu_abc?nids=811&pnid=801&readonly=1');
    expect(harness.routeNativeElement?.querySelector('.selection-header')?.textContent).toContain('词库学习进度');
    expect(harness.routeNativeElement?.querySelector('.selection-header .primary-button')).toBeNull();
    expect(harness.routeNativeElement?.querySelector('.pending-column')?.textContent).toContain('banana');
    expect(harness.routeNativeElement?.querySelector('.word-select-check')).toBeNull();
    expect(harness.routeNativeElement?.querySelector('.word-assessment')).toBeNull();
    (harness.routeNativeElement?.querySelectorAll('.word-selection-tabs button')[1] as HTMLButtonElement).click();
    harness.fixture.detectChanges();
    expect(harness.routeNativeElement?.querySelector('.completed-column')?.textContent).toContain('apple');
    expect(harness.routeNativeElement?.querySelector('.pending-column')).toBeNull();

    await harness.navigateByUrl('/pages/home/index');
    await harness.navigateByUrl('/pages/stu/stu_con?nid=813&pnid=801&readonly=1');
    await harness.fixture.whenStable();
    harness.fixture.detectChanges();
    const wordApi = TestBed.inject(ApiService) as unknown as LearningModulesApiService;
    expect(wordApi.lastWordParams['psize']).toBe(30);
    expect(harness.routeNativeElement?.querySelectorAll('.readonly-word-list article').length).toBe(30);
    expect(harness.routeNativeElement?.querySelector('.readonly-word-header')?.textContent).toContain('第 1–30 条 · 共 65 个单词');
    expect(harness.routeNativeElement?.querySelector('.word-preview-pagination')?.textContent).toContain('1 / 3 页');
    (harness.routeNativeElement?.querySelector('[aria-label="第 2 页"]') as HTMLButtonElement).click();
    await harness.fixture.whenStable();
    harness.fixture.detectChanges();
    expect(wordApi.lastWordParams['cpage']).toBe(2);
    expect(harness.routeNativeElement?.querySelectorAll('.readonly-word-list article').length).toBe(30);
    expect(harness.routeNativeElement?.querySelector('.readonly-word-header')?.textContent).toContain('第 31–60 条 · 共 65 个单词');
    expect(harness.routeNativeElement?.querySelector('.readonly-word-list')?.textContent).toContain('word-31');
    expect(harness.routeNativeElement?.querySelector('.word-preview-pagination')?.textContent).toContain('2 / 3 页');

    await harness.navigateByUrl('/pages/stu/stu_list?nid=999&bindingId=799');
    await harness.fixture.whenStable();
    harness.fixture.detectChanges();
    expect(TestBed.inject(Router).url).toBe('/pages/stu/stu_abc?nids=999&readonly=1');
    expect(harness.routeNativeElement?.querySelector('.selection-header')?.textContent).toContain('词库学习进度');

    await harness.navigateByUrl('/pages/stu/stu_calendar');
    expect(harness.fixture.nativeElement.querySelector('.tabbar')).toBeNull();
    expect(harness.routeNativeElement?.querySelectorAll('.memory-date').length).toBe(42);
    expect(harness.routeNativeElement?.querySelectorAll('.memory-date.completed, .memory-date.due').length).toBe(2);
    expect(harness.routeNativeElement?.querySelector('.memory-overview')?.textContent).toContain('2 / 3');
    expect(harness.routeNativeElement?.querySelector('.memory-date-tasks')?.textContent).toContain('高中英语复习');
    expect(harness.routeNativeElement?.querySelector('.review-sequence')?.textContent).toContain('第 3 次复习');
    expect(harness.routeNativeElement?.querySelector('.first-learned-at')?.textContent).toContain('首次学习：2026-07-20 10:20');
    for (let index = 0; index < 3; index += 1) {
      (harness.routeNativeElement?.querySelector('[aria-label="上个月"]') as HTMLButtonElement).click();
      harness.fixture.detectChanges();
    }
    expect(harness.routeNativeElement?.querySelector('[aria-label^="2026-05-15"]')?.classList).toContain('completed');
    expect(harness.routeNativeElement?.textContent).toContain('张雅茜');
    expect(harness.routeNativeElement?.querySelector('.memory-overview header b')?.textContent).toContain('67%');
    expect(harness.routeNativeElement?.querySelector('.memory-stats')?.textContent).toContain('2 / 3');

    await harness.navigateByUrl('/pages/home/ucenter');
    expect(harness.fixture.nativeElement.querySelector('.tabbar')).not.toBeNull();
    expect(harness.routeNativeElement?.querySelector('.new-word-entry')?.getAttribute('href')).toBe('/pages/home/cart');
    expect(harness.routeNativeElement?.querySelector('.course-memory')?.textContent).toContain('21 天抗遗忘计划');
    expect(harness.routeNativeElement?.querySelector('.memory-overview em')?.textContent).toContain('67%');
    expect(harness.routeNativeElement?.querySelector('.memory-overview')?.textContent).toContain('覆盖 3 个复习日');
    expect(harness.routeNativeElement?.querySelector('.memory-counts')?.textContent).toContain('3总任务');
    expect(harness.routeNativeElement?.querySelector('.memory-counts')?.textContent).toContain('2已完成');
    expect(harness.routeNativeElement?.querySelector('.memory-counts')?.textContent).toContain('1到期待复习');
    expect(harness.routeNativeElement?.querySelector('.memory-counts')?.textContent).toContain('0未来待复习');

    await harness.navigateByUrl('/pages/stu/record?id=827482&gid=828268&kcid=203');
    const recordWord = harness.routeNativeElement?.querySelector('.record-word') as HTMLButtonElement;
    expect(recordWord.querySelector('.record-copy strong')?.textContent).toBe('apple');
    expect(harness.routeNativeElement?.textContent).not.toContain('苹果');
    recordWord.click();
    await harness.fixture.whenStable();
    harness.fixture.detectChanges();
    expect(recordWord.querySelector('.record-copy strong')?.textContent).toBe('苹果');
    expect(harness.routeNativeElement?.querySelector('.record-overview')?.textContent).toContain('1 / 1');

    await harness.navigateByUrl('/pages/member/starshop');
    expect(harness.fixture.nativeElement.querySelector('.tabbar')).toBeNull();
    expect(harness.routeNativeElement?.querySelector('.word-select-list strong')?.textContent).toBe('tend');
    expect(harness.routeNativeElement?.querySelector('.word-select-list')?.textContent).not.toContain('@张雅茜');
    (harness.routeNativeElement?.querySelector('.word-select-list > button') as HTMLButtonElement).click();
    (harness.routeNativeElement?.querySelector('.selection-header .primary-button') as HTMLButtonElement).click();
    await harness.fixture.whenStable();
    const selectedNewWords = JSON.parse(sessionStorage.getItem('xiaoshu.selectedWords') ?? '[]') as Array<{ word?: string }>;
    expect(selectedNewWords[0]?.word).toBe('tend');
    expect(sessionStorage.getItem('xiaoshu.selectedWords')).not.toContain('@张雅茜');

    await harness.navigateByUrl('/pages/his/well?nid=3');
    expect(harness.fixture.nativeElement.querySelector('.tabbar')).toBeNull();
    expect(harness.routeNativeElement?.textContent).toContain('阅读理解专项');

    await harness.navigateByUrl('/pages/home/cart');
    expect(harness.fixture.nativeElement.querySelector('.tabbar')).not.toBeNull();
    expect(harness.fixture.nativeElement.querySelector('.app-header .icon-button')).toBeNull();
    expect(harness.fixture.nativeElement.querySelector('.app-header h1')?.textContent).toContain('伴学中心');
    expect(harness.routeNativeElement?.querySelector('.library-entry')).toBeNull();
    expect(harness.routeNativeElement?.textContent).toContain('我的学习内容');
    expect(harness.routeNativeElement?.querySelectorAll('.course-list li').length).toBe(2);
    expect(harness.routeNativeElement?.querySelectorAll('.course-list button').length).toBe(2);
    expect((harness.routeNativeElement?.querySelector('.course-list button') as HTMLButtonElement).disabled).toBeFalse();
    expect((harness.routeNativeElement?.querySelectorAll('.course-list button')[1] as HTMLButtonElement).disabled).toBeFalse();
    expect(harness.routeNativeElement?.textContent).toContain('【七年级上册】同步词汇');
    expect(harness.routeNativeElement?.textContent).toContain('点击查看老师分配的单词列表');
    (harness.routeNativeElement?.querySelector('.course-list button') as HTMLButtonElement).click();
    await harness.fixture.whenStable();
    harness.fixture.detectChanges();
    expect(TestBed.inject(Router).url).toBe('/pages/stu/stu_list?nid=801&bindingId=701');
    expect(harness.routeNativeElement?.querySelectorAll('.node-list button').length).toBe(2);
    expect((TestBed.inject(ApiService) as unknown as LearningModulesApiService).lastNodeParams['bindingId']).toBe('701');

    await harness.navigateByUrl('/pages/home/cart');
    expect(harness.routeNativeElement?.querySelectorAll('.schedule-list article').length).toBe(0);
    expect(harness.routeNativeElement?.querySelectorAll('.calendar-day').length).toBe(42);
    const allDates = Array.from(harness.routeNativeElement?.querySelectorAll('.range-tabs button') ?? [])
      .find((button) => button.textContent?.trim() === '全部') as HTMLButtonElement;
    allDates.click();
    harness.fixture.detectChanges();
    expect(harness.routeNativeElement?.querySelectorAll('.schedule-list article').length).toBe(3);
    expect(harness.routeNativeElement?.textContent).toContain('同步伴学');
    expect(harness.routeNativeElement?.textContent).toContain('历史伴学');
    const plannedIncompleteFilter = Array.from(harness.routeNativeElement?.querySelectorAll('.schedule-filters button') ?? [])
      .find((button) => button.textContent?.includes('计划未完成')) as HTMLButtonElement;
    expect(plannedIncompleteFilter.textContent).toContain('1');
    plannedIncompleteFilter.click();
    harness.fixture.detectChanges();
    expect(harness.routeNativeElement?.querySelectorAll('.schedule-list article').length).toBe(1);
    expect(harness.routeNativeElement?.textContent).toContain('计划未完成');
    expect(harness.routeNativeElement?.textContent).not.toContain('未来计划');
    (harness.routeNativeElement?.querySelector('.schedule-filters button') as HTMLButtonElement).click();
    harness.fixture.detectChanges();
    const api = TestBed.inject(ApiService) as unknown as LearningModulesApiService;
    expect(api.lastScheduleParams['mode']).toBe('student');
    expect(api.lastScheduleParams['limit']).toBe(500);
    const finishedFilter = Array.from(harness.routeNativeElement?.querySelectorAll('.schedule-filters button') ?? [])
      .find((button) => button.textContent?.includes('已结束')) as HTMLButtonElement;
    finishedFilter.click();
    harness.fixture.detectChanges();
    expect(harness.routeNativeElement?.querySelectorAll('.schedule-list article').length).toBe(1);
    expect(harness.routeNativeElement?.textContent).toContain('历史伴学');
    const allFilter = harness.routeNativeElement?.querySelector('.schedule-filters button') as HTMLButtonElement;
    allFilter.click();
    harness.fixture.detectChanges();
    const upcomingSchedule = Array.from(harness.routeNativeElement?.querySelectorAll('.schedule-list article') ?? [])
      .find((article) => article.textContent?.includes('同步伴学')) as HTMLElement;
    upcomingSchedule.click();
    await harness.fixture.whenStable();
    expect(TestBed.inject(Router).url).toBe('/pages/shop/stu_get_order?id=901');

    await harness.navigateByUrl('/pages/his/his');
    expect(harness.fixture.nativeElement.querySelector('.tabbar')).toBeNull();
    const aiReadingFeature = harness.routeNativeElement?.querySelector('.ai-reading-feature') as HTMLElement;
    expect(aiReadingFeature.textContent).toContain('AI 阅读巩固');
    expect(aiReadingFeature.textContent).toContain('生成阅读');
    expect(aiReadingFeature.textContent).toContain('AI 批改');
    expect(aiReadingFeature.querySelector('img')?.getAttribute('src')).toBe('/static/images/ai-reading-journey.png');
    const aiReadingCta = aiReadingFeature.querySelector('.ai-reading-cta') as HTMLButtonElement;
    expect(aiReadingCta.disabled).toBeFalse();
    expect(aiReadingFeature.textContent).toContain('最近学过的 1 个单词');
    expect(aiReadingCta.textContent).toContain('立即生成阅读');
    aiReadingCta.click();
    await harness.fixture.whenStable();
    const aiReadingRouter = TestBed.inject(Router);
    expect(aiReadingRouter.url).toContain('/words/go-reading');
    expect(aiReadingRouter.parseUrl(aiReadingRouter.url).queryParams['returnUrl']).toBe('/pages/his/his');
    expect(aiReadingRouter.parseUrl(aiReadingRouter.url).queryParams['GeneralID']).toBe('201');

    await harness.navigateByUrl('/pages/his/his');
    const currentLearningCard = harness.routeNativeElement?.querySelector('.current-learning-card') as HTMLElement;
    const learningRecordCard = harness.routeNativeElement?.querySelector('.learning-record-card') as HTMLElement;
    expect(currentLearningCard.textContent).toContain('我的学习内容');
    expect(currentLearningCard.querySelectorAll('.current-learning-list button').length).toBe(2);
    expect((currentLearningCard.querySelectorAll('.current-learning-list button')[1] as HTMLButtonElement).disabled).toBeFalse();
    expect(currentLearningCard.compareDocumentPosition(learningRecordCard) & Node.DOCUMENT_POSITION_FOLLOWING).toBeTruthy();
    (currentLearningCard.querySelector('.current-learning-list button') as HTMLButtonElement).click();
    await harness.fixture.whenStable();
    harness.fixture.detectChanges();
    expect(TestBed.inject(Router).url).toBe('/pages/stu/stu_list?nid=801&bindingId=701');
    expect(harness.routeNativeElement?.querySelectorAll('.node-list button').length).toBe(2);

    await harness.navigateByUrl('/pages/his/his');
    expect(harness.routeNativeElement?.textContent).toContain('初中英语 / Unit 1');
    expect(harness.routeNativeElement?.querySelectorAll('.learning-record-card .learning-item').length).toBe(2);
    (harness.routeNativeElement?.querySelector('.learning-record-card .learning-item') as HTMLElement).click();
    await harness.fixture.whenStable();
    harness.fixture.detectChanges();
    expect(TestBed.inject(Router).url).toBe('/pages/his/his_words?id=201');
    expect(harness.routeNativeElement?.querySelector('.readonly-word-header')?.textContent).toContain('学生只读');
    expect(harness.routeNativeElement?.querySelector('.readonly-word-card')).not.toBeNull();
    expect(harness.routeNativeElement?.querySelector('.selection-header')).toBeNull();
    await harness.navigateByUrl('/pages/his/his');
    (harness.routeNativeElement?.querySelector('.date-trigger') as HTMLButtonElement).click();
    harness.fixture.detectChanges();
    const currentMonth = new Date();
    const monthDifference = (2026 - currentMonth.getFullYear()) * 12 + (7 - currentMonth.getMonth());
    const shiftLabel = monthDifference < 0 ? '上个月' : '下个月';
    for (let index = 0; index < Math.abs(monthDifference); index += 1) {
      (harness.routeNativeElement?.querySelector(`[aria-label="${shiftLabel}"]`) as HTMLButtonElement).click();
      harness.fixture.detectChanges();
    }
    expect(harness.routeNativeElement?.querySelector('.date-picker-popover header strong')?.textContent).toContain('2026年8月');
    expect(harness.routeNativeElement?.querySelectorAll('.date-picker-day').length).toBe(42);
    expect(harness.routeNativeElement?.querySelectorAll('.date-picker-day.has-record').length).toBe(2);
    expect(harness.routeNativeElement?.querySelector('.date-picker-day.has-record')?.getAttribute('aria-label')).toContain('2026-08-01');
    (harness.routeNativeElement?.querySelector('[aria-label^="2026-08-01"]') as HTMLButtonElement).click();
    harness.fixture.detectChanges();
    expect(harness.routeNativeElement?.querySelectorAll('.learning-record-card .learning-item').length).toBe(1);
    expect(harness.routeNativeElement?.querySelector('.learning-record-card')?.textContent).not.toContain('高中英语 / Unit 2');
    (harness.routeNativeElement?.querySelector('.record-actions button') as HTMLButtonElement).click();
    harness.fixture.detectChanges();
    expect(harness.routeNativeElement?.querySelectorAll('.learning-record-card .learning-item').length).toBe(2);
    (harness.routeNativeElement?.querySelector('.reading-button') as HTMLButtonElement).click();
    await harness.fixture.whenStable();
    const router = TestBed.inject(Router);
    expect(router.url).toContain('/words/go-reading');
    expect(router.parseUrl(router.url).queryParams['returnUrl']).toBe('/pages/his/his');
    expect(harness.routeNativeElement?.querySelector('.back-button')).not.toBeNull();
    (harness.routeNativeElement?.querySelector('.back-button') as HTMLButtonElement).click();
    await harness.fixture.whenStable();
    expect(router.url).toBe('/pages/his/his');
    (harness.fixture.nativeElement.querySelector('.app-header .icon-button') as HTMLButtonElement).click();
    await harness.fixture.whenStable();
    expect(router.url).toBe('/pages/home/index');

    await harness.navigateByUrl('/pages/his/exam');
    expect(harness.routeNativeElement?.textContent).toContain('第一组问题');
    expect(harness.routeNativeElement?.textContent).toContain('相当于初二水平');
    expect(harness.routeNativeElement?.textContent).toContain('共 1 题');

    const startButton = harness.routeNativeElement?.querySelector('.exam-intro > button') as HTMLButtonElement;
    startButton.click();
    harness.fixture.detectChanges();
    expect(harness.routeNativeElement?.querySelector('.question-word')?.textContent).toContain('apple');
    expect(harness.routeNativeElement?.querySelector('.question-card > h2')).toBeNull();
    expect(harness.routeNativeElement?.querySelectorAll('.exam-options button').length).toBe(1);

    (harness.routeNativeElement?.querySelector('.exam-options button') as HTMLButtonElement).click();
    harness.fixture.detectChanges();
  });

  it('keeps the complete point-reading flow available to coaches', async () => {
    user.set({ userId: 300, userName: 'coach', honeyName: '张老师', groupId: 3 });
    session.groupId.set(3);
    const harness = await RouterTestingHarness.create();

    await harness.navigateByUrl('/pages/home/index');
    await harness.fixture.whenStable();
    harness.fixture.detectChanges();
    const coachLinks = Array.from(harness.routeNativeElement?.querySelectorAll('.coach-quick-grid > a') ?? []).map((link) => link.getAttribute('href'));
    expect(coachLinks).toEqual(['/pages/home/shop', '/pages/member/ke_xiao', '/pages/his/his', '/pages/member/ke_fuxi']);
    expect(harness.routeNativeElement?.querySelector('.home-header .header-action')?.getAttribute('href')).toBe('/pages/home/ucenter');
    expect(harness.routeNativeElement?.querySelector('.content-section')).toBeNull();
    const memoryApi = TestBed.inject(ApiService) as unknown as LearningModulesApiService;
    expect(memoryApi.lastMemoryParams).toEqual(jasmine.objectContaining({ uid: 300, shouru: 1 }));
    expect(harness.routeNativeElement?.querySelector('.coach-memory-board')?.textContent).toContain('抗遗忘带练');
    expect(harness.routeNativeElement?.querySelector('.coach-memory-board')?.textContent).toContain('张雅茜');
    expect(harness.routeNativeElement?.querySelector('.coach-memory-list article.ready > button')?.textContent).toContain('带学生复习');
    expect(harness.routeNativeElement?.querySelector('.coach-memory-footer')?.getAttribute('href')).toBe('/pages/stu/stu_calendar');
    (harness.routeNativeElement?.querySelector('.coach-memory-list article.ready > button') as HTMLButtonElement).click();
    await harness.fixture.whenStable();
    expect(TestBed.inject(Router).url).toContain('/pages/stu/record?id=900&gid=102');
    expect(session.student()?.userId).toBe(100);

    await harness.navigateByUrl('/pages/stu/stu_calendar');
    await harness.fixture.whenStable();
    harness.fixture.detectChanges();
    expect(memoryApi.lastMemoryParams).toEqual(jasmine.objectContaining({ uid: 300, shouru: 1, psize: 500 }));
    expect(harness.routeNativeElement?.querySelector('.memory-copy')?.textContent).toContain('关联学员抗遗忘任务');
    expect(harness.routeNativeElement?.querySelector('.memory-date-tasks')?.textContent).toContain('张雅茜');
    expect(harness.routeNativeElement?.querySelector('.memory-date-tasks button')?.textContent).toContain('带学生复习');

    await harness.navigateByUrl('/pages/member/ke_xiao');
    await harness.fixture.whenStable();
    harness.fixture.detectChanges();
    const monthFilter = harness.routeNativeElement?.querySelector('[aria-label="按月份筛选销课记录"]') as HTMLSelectElement;
    expect(monthFilter.value).toBe('2026-07');
    expect(monthFilter.options.length).toBe(4);
    expect(harness.routeNativeElement?.querySelectorAll('.schedule-list article').length).toBe(2);
    monthFilter.value = '2026-03';
    monthFilter.dispatchEvent(new Event('change'));
    const studentSearch = harness.routeNativeElement?.querySelector('[aria-label="按学生姓名筛选销课记录"]') as HTMLInputElement;
    studentSearch.value = '花';
    studentSearch.dispatchEvent(new Event('input'));
    harness.fixture.detectChanges();
    expect(harness.routeNativeElement?.querySelectorAll('.schedule-list article').length).toBe(1);
    expect(harness.routeNativeElement?.querySelector('.schedule-list')?.textContent).toContain('花花');
    expect(harness.routeNativeElement?.querySelector('.schedule-band > header')?.textContent).toContain('1 / 5');
    (harness.routeNativeElement?.querySelector('.history-filter-panel footer button') as HTMLButtonElement).click();
    harness.fixture.detectChanges();
    expect(harness.routeNativeElement?.querySelectorAll('.schedule-list article').length).toBe(5);

    await harness.navigateByUrl('/pages/his/his');
    await harness.fixture.whenStable();
    harness.fixture.detectChanges();
    expect((harness.routeNativeElement?.querySelector('.student-filter select') as HTMLSelectElement).selectedOptions[0]?.textContent).toContain('张雅茜');
    expect(harness.routeNativeElement?.querySelectorAll('.learning-record-card .learning-item').length).toBe(2);
    expect(session.student()?.userId).toBe(100);
    (harness.routeNativeElement?.querySelector('.learning-record-card .learning-item') as HTMLElement).click();
    await harness.fixture.whenStable();
    harness.fixture.detectChanges();
    expect(TestBed.inject(Router).url).toBe('/pages/his/his_words?id=201');
    expect(harness.routeNativeElement?.querySelector('.readonly-word-header')?.textContent).toContain('历史记录');
    expect(harness.routeNativeElement?.querySelector('.readonly-word-card')?.textContent).toContain('apple');
    expect(harness.routeNativeElement?.querySelector('.readonly-word-card')?.textContent).toContain('共 1 个单词');
    expect(harness.routeNativeElement?.querySelector('.selection-header')).toBeNull();

    await harness.navigateByUrl('/pages/his/his');
    await harness.fixture.whenStable();
    harness.fixture.detectChanges();
    const teacherCourse = harness.routeNativeElement?.querySelector('.current-learning-list button') as HTMLButtonElement;
    expect(teacherCourse.disabled).toBeFalse();
    expect(teacherCourse.classList.contains('readonly')).toBeFalse();
    expect(teacherCourse.textContent).toContain('选择本次学习单元');
    teacherCourse.click();
    await harness.fixture.whenStable();
    expect(TestBed.inject(Router).url).toContain('/pages/stu/stu_list');

    await harness.navigateByUrl('/pages/home/ucenter');
    await harness.fixture.whenStable();
    harness.fixture.detectChanges();
    const teacherServices = Array.from(harness.routeNativeElement?.querySelectorAll('.service-grid > a') ?? []).map((link) => link.getAttribute('href'));
    expect(teacherServices).toEqual(['/pages/home/shop', '/pages/member/ke_xiao', '/pages/his/his', '/pages/member/feedback']);
    expect(harness.routeNativeElement?.querySelector('.coach-wallet-strip')?.textContent).toContain('复习收入');

    await harness.navigateByUrl('/pages/stu/stu_list?nid=801&bindingId=701');
    await harness.fixture.whenStable();
    harness.fixture.detectChanges();
    expect((TestBed.inject(ApiService) as unknown as LearningModulesApiService).lastNodeParams['userId']).toBe(100);
    const units = harness.routeNativeElement?.querySelectorAll('.node-list button') as NodeListOf<HTMLButtonElement>;
    units[0].click();
    units[1].click();
    harness.fixture.detectChanges();
    expect(harness.routeNativeElement?.querySelector('.unit-selection-summary')?.textContent).toContain('已选 2 个单元');
    (harness.routeNativeElement?.querySelector('.unit-actions .primary-button') as HTMLButtonElement).click();
    await harness.fixture.whenStable();
    harness.fixture.detectChanges();
    const router = TestBed.inject(Router);
    expect(router.url).toContain('/pages/stu/stu_abc');
    expect(harness.routeNativeElement?.querySelector('.pending-column')?.textContent).toContain('banana');
    expect(harness.routeNativeElement?.querySelector('.completed-column')).toBeNull();
    expect(harness.routeNativeElement?.querySelectorAll('.pending-column .word-refine-item').length).toBe(1);
    (harness.routeNativeElement?.querySelectorAll('.word-selection-tabs button')[1] as HTMLButtonElement).click();
    harness.fixture.detectChanges();
    expect(harness.routeNativeElement?.querySelector('.completed-column')?.textContent).toContain('apple');
    expect(harness.routeNativeElement?.querySelector('.pending-column')).toBeNull();
    (harness.routeNativeElement?.querySelectorAll('.word-selection-tabs button')[0] as HTMLButtonElement).click();
    harness.fixture.detectChanges();
    const firstWord = harness.routeNativeElement?.querySelector('.pending-column .word-refine-item') as HTMLElement;
    (firstWord.querySelector('.word-reveal') as HTMLButtonElement).click();
    harness.fixture.detectChanges();
    (firstWord.querySelector('.known-button') as HTMLButtonElement).click();
    harness.fixture.detectChanges();
    expect(harness.routeNativeElement?.querySelectorAll('.pending-column .word-refine-item').length).toBe(0);
    expect(harness.routeNativeElement?.querySelector('.selection-header .primary-button')?.textContent).toContain('保存识词结果');
    (harness.routeNativeElement?.querySelectorAll('.word-selection-tabs button')[1] as HTMLButtonElement).click();
    harness.fixture.detectChanges();
    expect(harness.routeNativeElement?.querySelectorAll('.completed-column .word-refine-item').length).toBe(2);
    (harness.routeNativeElement?.querySelector('.completed-word-action button') as HTMLButtonElement).click();
    harness.fixture.detectChanges();
    expect(harness.routeNativeElement?.querySelectorAll('.completed-column .word-refine-item').length).toBe(1);
    (harness.routeNativeElement?.querySelectorAll('.word-selection-tabs button')[0] as HTMLButtonElement).click();
    harness.fixture.detectChanges();
    expect(harness.routeNativeElement?.querySelectorAll('.pending-column .word-refine-item').length).toBe(1);
    (harness.routeNativeElement?.querySelector('.selection-header .primary-button') as HTMLButtonElement).click();
    await harness.fixture.whenStable();
    harness.fixture.detectChanges();
    expect(router.url).toContain('/pages/stu/stu_con');
    expect(harness.routeNativeElement?.querySelectorAll('.repeat-list > button').length).toBe(1);
    expect(harness.routeNativeElement?.querySelector('.readonly-word-header')).toBeNull();
  });

  it('counts words marked as known as completed and persists them for the student', async () => {
    user.set({ userId: 300, userName: 'coach', honeyName: '张老师', groupId: 3 });
    session.groupId.set(3);
    session.student.set({ userId: 100, userName: 'student', honeyName: '张雅茜', groupId: 1 });
    const harness = await RouterTestingHarness.create();

    await harness.navigateByUrl('/pages/stu/stu_abc?nids=811,812&pnid=801');
    await harness.fixture.whenStable();
    harness.fixture.detectChanges();
    const pendingWord = harness.routeNativeElement?.querySelector('.pending-column .word-refine-item') as HTMLElement;
    (pendingWord.querySelector('.word-reveal') as HTMLButtonElement).click();
    harness.fixture.detectChanges();
    (pendingWord.querySelector('.known-button') as HTMLButtonElement).click();
    harness.fixture.detectChanges();
    (harness.routeNativeElement?.querySelector('.selection-header .primary-button') as HTMLButtonElement).click();
    await harness.fixture.whenStable();
    harness.fixture.detectChanges();

    const api = TestBed.inject(ApiService) as unknown as LearningModulesApiService;
    expect(api.lastLearningWordUpdate).toEqual(jasmine.objectContaining({ uid: 100, wordsId: '1002', kcid: '801', save: 1 }));
    expect(TestBed.inject(Router).url).toContain('/pages/stu/stu_abc');
    expect(harness.routeNativeElement?.querySelector('.completed-column')).toBeNull();
    (harness.routeNativeElement?.querySelectorAll('.word-selection-tabs button')[1] as HTMLButtonElement).click();
    harness.fixture.detectChanges();
    expect(harness.routeNativeElement?.querySelectorAll('.completed-column .word-refine-item').length).toBe(2);
    expect(harness.routeNativeElement?.querySelector('.pending-column')).toBeNull();
  });
});