错误放置的模态对话框操作 URL 到主页 URL黑屏错误

如何解决错误放置的模态对话框操作 URL 到主页 URL黑屏错误

感谢您的时间。

testcafe 一切都按计划进行。但是我无法弄清楚我面临的问题——我打开了一个模式对话框（它应该是弹出窗口——其中填写了一些信息表格并保存）。 我已经解决了它 - 但这里的操作 URL 混淆了 testcafe

下面的 HTML 显示..

。

当我运行它时，模态对话框打开并替换（在 2 秒内）作为带有黑白窗口的主页 URL 并执行（没有保存 - 因为 div 元素不同）。

1. 如何将我的模态对话框作为弹出窗口打开并填写表单并保存。
2. 如何关闭窗口（可以看到图像 - class=btn btn-white"，这里没有作为 save-item 按钮的名称字段。

我的代码 testcafe 代码（问题所在）

export async function test() {
   // open urls by click functions here
//required page was opened and searching the user exists or not
    const searchUserExists = 'user1'
    await t.typeText('[type="search"]',searchUserExists);

    const firstNameUser = "UserFirstName"
    const lastNameUser = "UserLastName"
    const emailUser = "[e-mail]"
    await t.debug().click(' #ent_administration_user_new,.modal-body,[action="null"]')  // worked

**here problem comes**

    await t.typeText(Selector("#user_firstname"),firstNameUser)
        .typeText(Selector("#user_lastname"),lastNameUser)
        .typeText(Selector("#user_username"),searchUserExists)
        .typeText(Selector("#user_email"),emailUser)
        .click(".save-item");
}

我也想在 testcafe 代码中解决，而不是在 css 文件或 html 中

由 JS 和 PHP 使用。