import { Page, Locator } from '@playwright/test';
import { BasePage } from './BasePage';

export class SolutionsPage extends BasePage {
  readonly page: Page;

  constructor(page: Page) {
    super(page);
    this.page = page;
  }

  get breadcrumb(): Locator {
    return this.page.locator('nav[aria-label="breadcrumb"]');
  }

  get pageHeader(): Locator {
    return this.page.locator('h1');
  }

  get modules(): Locator {
    return this.page.locator('div[class*="from-[#FFFBF5]"], div[class*="from-white"]');
  }

  get consultingModule(): Locator {
    return this.page.locator('div:has(h2:has-text("数字化转型咨询"))').first();
  }

  get technologyModule(): Locator {
    return this.page.locator('div:has(h2:has-text("信息技术解决方案"))').first();
  }

  get partnershipModule(): Locator {
    return this.page.locator('div:has(h2:has-text("长期陪跑服务"))').first();
  }

  get ctaSection(): Locator {
    return this.page.locator('div:has(h2:has-text("准备开始您的数字化转型之旅"))').first();
  }

  async navigateToSolutions(): Promise<void> {
    await this.navigate('/solutions');
  }

  async verifyBreadcrumb(): Promise<boolean> {
    return await this.breadcrumb.isVisible();
  }

  async verifyPageHeader(): Promise<boolean> {
    const header = await this.pageHeader.textContent();
    return header?.includes('三种角色') || false;
  }

  async verifyAllModules(): Promise<boolean> {
    const count = await this.page.locator('section, div:has(h2:has-text("模块"))').count();
    return count >= 3;
  }

  async scrollToConsultingModule(): Promise<void> {
    await this.scrollToElement(this.consultingModule);
  }

  async scrollToTechnologyModule(): Promise<void> {
    await this.scrollToElement(this.technologyModule);
  }

  async scrollToPartnershipModule(): Promise<void> {
    await this.scrollToElement(this.partnershipModule);
  }

  async verifyCTASection(): Promise<boolean> {
    return await this.ctaSection.isVisible();
  }

  async scrollToCTASection(): Promise<void> {
    await this.scrollToElement(this.ctaSection);
  }

  async getModuleTitles(): Promise<string[]> {
    const titles = this.modules.locator('h2');
    return await titles.allTextContents();
  }
}