javascript - 如何在 stenciljs E2E 测试中移除焦点

标签 javascript puppeteer e2e-testing stenciljs

在使用 stenciljs 中的 newE2EPage 进行端到端测试时,您可以在元素上调用 focus() 以将焦点设置在该元素上:

   const page = await newE2EPage({html: `<my-component></my-component>`});
   const el = await page.find('my-component');
   await el.focus();

如何从元素上移除焦点?

附注我尝试将焦点设置在第二个元素上,但这似乎不起作用。

P.P.S。 page.find() 是您在 Stencil newE2EPage 的 E2EPage 上执行 querySelector 的方法。文档位于:https://stenciljs.com/docs/end-to-end-testing#find-an-element-in-the-shadow-dom

最佳答案

什么是page.find()方法?

尝试通过单击另一个元素来移动焦点。

await page.click(selector)

关于javascript - 如何在 stenciljs E2E 测试中移除焦点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56926816/

相关文章:

javascript - 无法弄清楚如何正确断言对象

puppeteer - 使用 puppeteer 生成 PDF 时 "break-inside: avoid"被忽略

reactjs - 如何在 Cypress 中测试 React Material UI Drawer 组件属性值

java - 关于使用 mock stripe 进行端到端测试

javascript - Dynamodb错误: Scan Results don't filter to HASH even though I put in an Actual entry ID

javascript - 当我尝试在组件上使用数组方法时,为什么组件中的数组变量未定义?

javascript - 除非我手动检查,否则无法在 Chrome 开发工具中获取元素

javascript - 如何从 puppeteer 抓取表中输出正确的 json?

javascript - Puppeteer 视口(viewport)设置在创建 PDF 时无效

leaflet - 如何使用 testcafe 测试基于传单的 map ?