Javascript 使用测试进行UI登录的节点

我使用以下命令来使用playright 登录后，当我使用

headless:flase时，我需要与我的应用程序类似的东西
我看到它用中的用户密码打开用户界面，但是它没有点击登录按钮，我采用了我尝试使用的代码，我是否遗漏了什么

(async () => {
  const browser = await chromium.launch({ headless: false });
  const page = await browser.newPage();
  await page.goto('https://app.com');
  await page.fill('input[type="text"]', 'user@test.com');
  await page.fill('input[type="password"]', 'Abcd1234!');
  // page.click('div[data-testid="LoginForm_Login_Button"]');
  page.click('div[id="logOnFormSubmit"]');
}
)();

您当前正在使用

page。单击（'div[id=“logOnFormSubmit”]”）

在给定的代码示例中没有具有该ID的div，而是有一个按钮。您需要更改该行以反映这一点。最终的代码如下所示

(async () => {
  const browser = await chromium.launch({ headless: false });
  const page = await browser.newPage();
  await page.goto('https://app.com');
  await page.fill('input[type="text"]', 'user@test.com');
  await page.fill('input[type="password"]', 'Abcd1234!');
  // page.click('div[data-testid="LoginForm_Login_Button"]');
  page.click('button[id="logOnFormSubmit"]');
}
)();

您当前正在使用

page。单击（'div[id=“logOnFormSubmit”]”）

在给定的代码示例中没有具有该ID的div，而是有一个按钮。您需要更改该行以反映这一点。最终的代码如下所示

(async () => {
  const browser = await chromium.launch({ headless: false });
  const page = await browser.newPage();
  await page.goto('https://app.com');
  await page.fill('input[type="text"]', 'user@test.com');
  await page.fill('input[type="password"]', 'Abcd1234!');
  // page.click('div[data-testid="LoginForm_Login_Button"]');
  page.click('button[id="logOnFormSubmit"]');
}
)();

谢谢！当页面启动时，打开证书弹出窗口（我的用户），然后打开用户密码屏幕，有没有办法避免它？非常感谢！当页面启动时，打开证书弹出窗口（我的用户）和用户密码屏幕，有没有办法避免它？