puppeteer：如何为 REACT 和 Typescript 的输入元素设置值

Question

我想用 Puppeteer 测试我的应用程序。 我使用了 REACT 和 TypeScript。 如何正确设置输入？请参阅 2 个附件。

我尝试了以下方法，但没有成功：

1.尝试：

await page.waitForSelector('#MuiButtonBase-root');
// await page.select('#MuiTouchRipple-root');
await page.waitForSelector('#name');
await page.type('#name', 'Hello');

2.尝试：

await page.$eval('#MuiDialogContent-root input:MuiFormControl-root:nth-child(1)', el => el.value = 'Hello');  

Answer 1

那是错误的选择器。 #name 与 [id="name"] 相同，你想要 [name="name"]

对 React 使用第一种方式，否则 onChange 不会被触发。