puppeteer：如何为 REACT 和 Typescript 的输入元素设置值
puppeteer: How to set Value for a Input Element for REACT and Typescript
我想用 Puppeteer 测试我的应用程序。
我使用了 REACT 和 TypeScript。
如何正确设置输入？请看附件2。
我尝试了以下方法，但没有成功：
1.try:
await page.waitForSelector('#MuiButtonBase-root');
// await page.select('#MuiTouchRipple-root');
await page.waitForSelector('#name');
await page.type('#name', 'Hello');
2.try:
await page.$eval('#MuiDialogContent-root input:MuiFormControl-root:nth-child(1)', el => el.value = 'Hello');
那是错误的选择器。 #name 与 [id="name"] 相同，您需要 [name="name"]
React 使用第一种方式，否则不会触发 onChange。
我想用 Puppeteer 测试我的应用程序。 我使用了 REACT 和 TypeScript。 如何正确设置输入？请看附件2。
我尝试了以下方法，但没有成功：
1.try:
await page.waitForSelector('#MuiButtonBase-root');
// await page.select('#MuiTouchRipple-root');
await page.waitForSelector('#name');
await page.type('#name', 'Hello');
2.try:
await page.$eval('#MuiDialogContent-root input:MuiFormControl-root:nth-child(1)', el => el.value = 'Hello');
那是错误的选择器。 #name 与 [id="name"] 相同，您需要 [name="name"]
React 使用第一种方式，否则不会触发 onChange。