From 844004f00aac6c4d8ad100fd0aced708447b67ac Mon Sep 17 00:00:00 2001 From: Vitaly Takmazov Date: Mon, 8 Apr 2019 02:21:01 +0300 Subject: Drop enzyme Some tests still failed --- .../src/components/__tests__/MessageInput-test.js | 72 +++++++++++----------- 1 file changed, 36 insertions(+), 36 deletions(-) (limited to 'vnext/src') diff --git a/vnext/src/components/__tests__/MessageInput-test.js b/vnext/src/components/__tests__/MessageInput-test.js index ef7a81e6..143a2491 100644 --- a/vnext/src/components/__tests__/MessageInput-test.js +++ b/vnext/src/components/__tests__/MessageInput-test.js @@ -1,56 +1,51 @@ import React from 'react'; -import { mount } from 'enzyme'; -import { configure } from 'enzyme'; -import Adapter from 'enzyme-adapter-react-16'; +import { create, act } from 'react-test-renderer'; import MessageInput from '../MessageInput'; -// Remove when it will be fixed: https://github.com/airbnb/enzyme/issues/1875 -jest.mock('react', () => { - const r = jest.requireActual('react'); - return { ...r, memo: (x) => x }; -}); - -configure({ adapter: new Adapter() }); - const testMessage = { mid: 1, - user: { uid: 1, uname: 'ugnich' }, + rid: 0, body: 'test message', - timestamp: new Date().toISOString() + timestamp: new Date().toISOString(), + attach: '', + to: {} }; -window.matchMedia = window.matchMedia || function() { +window.matchMedia = window.matchMedia || function () { return { matches: true, - addListener: function() { }, - removeListener: function() { } + addListener: function () { }, + removeListener: function () { } }; }; it('Gives immediate focus on to textarea on load', () => { - const wrapper = mount( { }} />); - const textareaRef = wrapper.instance().textarea; - - jest.spyOn(textareaRef.current, 'focus'); - - wrapper.instance().componentDidMount(); - expect(textareaRef.current.focus).toHaveBeenCalledTimes(1); + expect(document.activeElement.type).toEqual(undefined); + var wrapper = null; + act(() => { + wrapper = create( { }} />); + }); + console.log(document.activeElement); + expect(document.activeElement.type).toEqual('textarea', 'textarea was not focused'); }); it('Submits on ctrl-enter', () => { const onSend = jest.fn(); - const messageInput = mount(); + var messageInput = null; + act(() => { + messageInput = create(); + }); - let textarea = messageInput.find('textarea'); - textarea.simulate('keypress', { + let textarea = messageInput.root.findByType('textarea'); + textarea.props.onKeyPress({ charCode: 13, which: 13, keyCode: 13, ctrlKey: false }); expect(onSend).toHaveBeenCalledTimes(0); - textarea.simulate('keypress', { + textarea.props.onKeyPress({ charCode: 13, which: 13, keyCode: 13, @@ -59,14 +54,19 @@ it('Submits on ctrl-enter', () => { expect(onSend).toHaveBeenCalledTimes(1); }); -it('Clears template on submit', () => { - const messageInput = mount( { }} />); - messageInput.find('textarea').simulate('change', { - target: { - value: ' ' - } +it('Clears text on submit', () => { + var messageInput = null; + act(() => { + messageInput = create( { }} />); + }); + let textarea = messageInput.root.findByType('textarea'); + act(() => { + textarea.value = ' '; + textarea.props.onChange({ target: { value: ' ', validity: {} } }); + }); + expect(textarea.value).toEqual(' '); + act(() => { + messageInput.root.findByType('form').props.onSubmit({ event: {} }); }); - expect(messageInput.state().body).toEqual(' '); - messageInput.find('Button').simulate('click'); - expect(messageInput.state().body).toEqual(''); + expect(textarea.value).toEqual(''); }); -- cgit v1.2.3