通过酶反应打印测试文档

Question

    const htmlString = ReactDOMServer.renderToStaticMarkup(printDetailsView(this.props.savedList));
        /* istanbul ignore next */
        setTimeout(() => {
            const printWindow = window.open('', 'PRINT', `width=700,left=${left},top=${top}`);
            /* istanbul ignore next */
            printWindow.document.write(htmlString);
            /* istanbul ignore next */
            printWindow.document.close();
            /* istanbul ignore next */
            printWindow.focus();
            /* istanbul ignore next */
            printWindow.print();
            /* istanbul ignore next */
            printWindow.close();
        }, 0);

如何在酶中模拟document.close()，document.write。

我试着像下面这样做短桩，但是不起作用。

 global.window.document.write = sinon.stub();
global.window.document.close = sinon.stub();



  describe('FilterPanel Connected component testing', () => {
    let wrapper;
    let tokenGet;
    let userStub;
    before(() => {
        tokenGet = sinon.stub(TokenProvider, 'get');
        tokenGet.callsFake((key) => {
            if (key === 'DP_FIRST_NAME') {
                return 'Vini';
            }
            return null;
        });
        userStub = sinon.stub(User, 'isUserLoggedIn');
        const deviceType = {
            isDesktop: true,
        };

        wrapper = mount(
            <FilterPanel
                myListsDetails={myListsDetails}
                savedListActions={savedListActions}
                actions={actions}
                deviceType={deviceType}
                messagesTexts={messagesTexts}
                store={storeFake(storeData)}
                isShared={false}
                openSlider={openSliderStub}
                savedList={savedList} />);
    });
    after(() => {
        shareListResetStub.reset();
        getSavedListsGuestStub.reset();
        tokenGet.resetHistory();
        openSliderStub.reset();
        userStub.resetHistory();
    });
    it('render FilterPanel', () => {
        expect(wrapper.find('FilterPanel').length).to.equal(1);
    });
    it('Call print function', () => {
        userStub.returns(true);
        const instance = wrapper.instance();
        instance.print();
    });

    it('Call print function', () => {
        userStub.returns(true);
        const instance = wrapper.instance();
        wrapper.setProps({
            savedList: { data: [] },
        });
        instance.print();
    });

    it('Dont print function since user is not logged in', () => {
        userStub.returns(false);
        const instance = wrapper.instance();
        instance.print();
        instance.checkAuth();
        expect(openSliderStub.called).to.be.true;
    });
});

Answer 1

调用的不是window.document.close，而是printWindow上的document.close方法。

真正的DOM最好是完全不受影响：

const printWindowMock = {
  document: {
    write: sinon.stub(),
    ...
};

sinon.stub(window, 'open`).returns(printWindowMock);

模拟应该在每次测试后恢复，因此它们需要在beforeEach中完成，并在afterEach中恢复。这可以通过测试框架插件自动处理，比如mocha-sinon。