typescript 如何使用Playwright在Monaco编辑器中插入代码？

t40tm48m 于 2023-08-07 发布在 TypeScript

关注(0)|答案(1)|浏览(132)

我是新的 * 剧作家 *，我试图测试一个功能，包含摩纳哥编辑器，并无法找到任何相关的 * 剧作家 * 文档和论坛。
这是我的测试：

async ({ page }) => {
    const testPage= new TestPage(page);

    await testPage.navigateTo();
    //dosomething
    await page.waitForSelector(#monaco-editor-selector);
    //Paste a script in monaco editor
}

字符串
救命啊！

typescript

来源：https://stackoverflow.com/questions/69375890/how-to-insert-code-in-monaco-editor-using-playwright

1条答案

按热度按时间

mrphzbgm1#

剧作家有一个封闭的issue #14126在这与一个很好的答案，粘贴在下面。

test('Should write content in Monaco Editor', async ({ page }) => {
  const monacoEditor = page.locator(".monaco-editor").nth(0);
  await monacoEditor.click();
  await page.keyboard.type('Hello world!');
})

字符串
如果您有多个Monaco Editors，并希望通过一些it访问它们，您可以将它们 Package 在带有测试ID的<div>中。不幸的是，您不能直接将data-testid设置为Monaco Editor组件。

<div data-testid="my-test-id">
  <MonacoEditor ... />
</div>

test('Should write content in Monaco Editor that is wrapped inside a div', async ({ page }) => {
  const monacoEditor = page.getByTestId('my-test-id').locator(".monaco-editor").nth(0);
  await monacoEditor.click();
  await page.keyboard.type('Hello world!');
})

的数据

赞(0）回复(0）举报 2023-08-07

我来回答

typescript 如何使用Playwright在Monaco编辑器中插入代码？

1条答案

相关问题

热门标签

最新问答