如何验证剧作家的下拉值

Question

我正在尝试验证我选择的下拉值。我将其用于 Playwright 工具。我为该验证编写了代码，但出现错误。任何人都知道如何修复此错误以及如何使用此 $eval 在打字稿中编写此错误。谢谢。

test('testing Drop Down',async ({page}) => {
    await page.goto('https://the-internet.herokuapp.com/dropdown');
    await page.selectOption('#dropdown','1');
    const selectvalue = await page.$eval('#dropdown',(element)=>element.value);
   expect (selectvalue).toContain('1');


Error: expect(received).toContain(expected) // indexOf

Expected substring: "1"
Received string:    "select"

  22 |    // const alloption=await option1.$$('option');
  23 |    await page.locator('select').selectOption('1');
> 24 |    await expect('select').toContain('1')
     |                           ^
  25 |
  26 |

Answer 1

我在那个页面上遇到了类似的问题，有时它会更快并选择 select 作为默认值，甚至之后的代码也会将 dd 更改为其他一些值。所以你可以使用硬等待。

page.waitforTimeout(100)

或者这个：

selectedDDtext = page.locator('#dropdown [selected="selected"]');
texttoVerify = selectedDDtext.innerText();

或价值：

   await this.page.$eval<string, HTMLSelectElement>('select[id="dropdown"]',(ele) => ele.value);

如何验证剧作家的下拉值

How to Validate Drop down value in playwright

automation

typescript

playwright