Playwright页面文本断言失败求助：expect.toContain报错解决

你当前的核心问题是：直接将HomePage类的实例传给了expect断言，但expect需要的是页面元素的文本或元素定位器，而非整个类对象，这才导致报错返回了包含page对象的实例。

步骤1：修正HomePage类的实现 #

修改类，让它能提供可用于断言的元素定位器或文本内容：

export class HomePage {
    constructor(page) {
        this.page = page;
        // 预定义标题元素的定位器，作为类属性复用
        this.mainTitle = this.page.locator("h1.display-4.mb-4.mt-8");
    }

    // 返回标题元素的定位器，供测试用例直接断言
    getMainTitleLocator() {
        return this.mainTitle;
    }

    // 返回标题的文本内容（可选，适用于先获取再断言的场景）
    async getMainTitleText() {
        return await this.mainTitle.textContent();
    }
}

步骤2：修正测试用例 #

提供两种可行的修复方案，选其一即可：

方案一：直接断言元素定位器（推荐）

Playwright针对定位器的断言会自动等待元素可见并满足条件，可靠性更高：

import { test, expect } from "@playwright/test";
import { LoginPage } from "../pages/unientSite-page/LoginPage";   
import { HomePage } from "../pages/unientSite-page/Homepage";

test.use({
    launchOptions: { slowMo: 1000 },
    headless: false
});

test('Login', async ({ page }) => {
    // 登录流程
    const loginPage = new LoginPage(page);
    await loginPage.goto();

    // 主页文本验证
    const homePage = new HomePage(page);
    const expectedTitle = 'Your Versatile Partner for Better Offshoring';
    // 完全匹配文本
    await expect(homePage.getMainTitleLocator()).toHaveText(expectedTitle);
    // 若只需验证文本存在，改用toContainText
    // await expect(homePage.getMainTitleLocator()).toContainText(expectedTitle);
});

方案二：先获取文本再断言

适合需要对文本做额外处理后再验证的场景：

import { test, expect } from "@playwright/test";
import { LoginPage } from "../pages/unientSite-page/LoginPage";   
import { HomePage } from "../pages/unientSite-page/Homepage";

test.use({
    launchOptions: { slowMo: 1000 },
    headless: false
});

test('Login', async ({ page }) => {
    // 登录流程
    const loginPage = new LoginPage(page);
    await loginPage.goto();

    // 主页文本验证
    const homePage = new HomePage(page);
    const expectedTitle = 'Your Versatile Partner for Better Offshoring';
    const actualTitle = await homePage.getMainTitleText();
    // 验证文本包含指定内容
    expect(actualTitle).toContain(expectedTitle);
    // 完全匹配文本用toEqual
    // expect(actualTitle).toEqual(expectedTitle);
});

额外注意事项 #

• 定位器写法可简化：h1.display-4.mb-4.mt-8 和原写法 h1[class='display-4 mb-4 mt-8'] 功能一致，但更简洁。
• 确保登录后页面已跳转至主页：Playwright的goto和页面动作会自动等待加载完成，若有特殊异步加载，可添加await page.waitForLoadState('networkidle')确保页面稳定。

内容的提问来源于stack exchange，提问作者Sarah G