Тестовый документ распечатывается с помощью фермента - React - PullRequest
Новая
       13

Тестовый документ распечатывается с помощью фермента - React

1 голос
/ 29 марта 2019 
    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;
    });
});

1 Ответ

1 голос
/ 29 марта 2019

Это не window.document.close, который вызывается, но document.close метод для printWindow.

На реальный DOM предпочтительно не следует воздействовать вообще: 

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

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

Моды должны быть восстановленыпосле каждого теста, поэтому их нужно сделать в beforeEach и восстановить в afterEach.Это можно автоматически обработать, протестировав плагины фреймворка, например mocha-sinon.

...