Page对象在Playwright中不返回选择器

Question

使用微软的剧作家，我有这个测试代码，工作：

  describe('When a user views a list of forms', () => {
    let rows;

    before(async() => {
      await page.waitForSelector('tbody');
      rows = await page.$$('tr');
    });

    it('should show a table of forms', async() => {
      rows.length.should.equal(11);
    });

我想把它分解成一个页面对象。我把它作为我的页面对象

class UserFormsPage {
  constructor(page) {
    this.page = page;
  }

  async rows() {
    await this.page.waitForSelector('tbody');
    return await this.page.$$('tr');
  }       
}         

作为我的测试：

describe.only('List Forms Widget', function() {                                                                 
  let page;
  ...

  before(async function() {                                                      
    const context = await this.browser.newContext();                             
    page = await context.newPage();                                              
    const userFormsPage = new UserFormsPage(page);
  ...

  describe('When a user views a list of forms', () => {
    let rows;
     ...

    before(async() => {
      rows = await userFormsPage.rows();
    });                   
            
    it('should show a table of forms', async() => {
      rows.length.should.equal(11);
    });

但我明白了

  1) List Forms Widget
       When a user views a list of forms
         "before all" hook for "should show a table of forms":
     TypeError: Cannot read property 'rows' of undefined

这是为什么呢？

注意：如果需要的话，在节点16中使用本地es模块

Answer 1

您的rows（）方法是异步的。每个异步方法都返回一个promise，因此在钩子中，rows=userFormsPage。行（） 只会导致promise{

如果你想要号码，你必须等待：

before(async () => {
  rows = await userFormsPage.rows();
}); 

另一个问题似乎是您没有（至少在您的问题中没有）任何UserFormsPage对象的创建。构造函数需要页面，但您似乎没有提供它。