Question

我是UI开发的新手，最近我开始使用Typescript在React中编写代码。我创建了一个Button，点击后，它会打开一个菜单，其中包含一些可供选择的选项。如果我单击其中一个选项，将打开一个带有某个目标URL的新选项卡。我在用 window.open(target_URL, "_blank"); 实现这一目标。

现在我正在为我的代码编写测试用例，我想编写一个测试用例，检查我是否单击该选项，它会打开一个带有target_URL的新选项卡。

const myButton: HTMLElement = TestUtils.findRenderedDOMComponentWithClass(renderedComponent, "my-button") as HTMLElement;
    expect(myButton).to.not.be.undefined;

    // Click the Button and check number of options displayed
    TestUtils.Simulate.click(myButton);
    const menuItems: HTMLElement[] = TestUtils.scryRenderedDOMComponentsWithClass(renderedComponent, "ms-ContextualMenu-item") as HTMLElement[];
    expect(menuItems).to.not.be.undefined;
    expect(menuItems.length).to.be.equal(4, "4 options dispalyed");

    const menuItem1: HTMLElement = TestUtils.findRenderedDOMComponentWithClass(renderedComponent, "menu-item-1") as HTMLElement;
    TestUtils.Simulate.click(menuItem1);

我已编写上述代码，但我不知道如何完成此操作以检查在浏览器中打开新标签的情况。

Answer 1

window.open()方法将返回窗口对象，可以检查该寡妇：例如，只是尝试关闭窗口。
通常，您只能关闭您创建的窗口，否则会发生错误。

用于检查Button onClick是否打开新选项卡的测试用例

1 个答案: