'puppeteer page.select with multiple class doesn't seem to work

I'm new to puppeeteer I have this html https://jsitor.com/c0rM-YohL

<input type="input" class="test-element Input">
<select class="test-element Dropdown">
  <option>test1</option>
  <option>test2</option>
</select>

I tried with this chrome extension https://chrome.google.com/webstore/detail/puppeteer-ide/ilehdekjacappgghkgmmlbhgbnlkgoid?hl=en-US

await page.type(".test-element .Input", "new-test-app");
await page.select(".test-element .Dropdown", "option1");

but it doesn't work with

await page.goto('https://jsitor.com/c0rM-YohL', {
   waitUntil: 'networkidle0',
});

await page.type(".test-element.Input", "new-test-app");
await page.select(".test-element.Dropdown", "option1");

puppeteer

Solution 1:^[1]

option1 is an element inside the <select> object. You need to type your text, click on the dropdown, and only then click on the relevant option.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	Tal Angel

'puppeteer page.select with multiple class doesn't seem to work

Solution 1:[1]

Sources

Related Questions

Solution 1:^[1]