I have been working on validating the dropdown value I selected using Playwright. However, I encountered an error while writing the code for validation. Does anyone know how to resolve this issue and write it in TypeScript using $eval? Thank you.
test('dropdown validation',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 |