diff --git a/src/App.js b/src/App.js
index f28b384..7ade98d 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,4 +1,4 @@
-/* global process navigator document */
+/* global process navigator document Notification */
import React, { Component } from 'react'
import './styles/css/index.css'
import Channel from './components/Channel'
diff --git a/src/tests/App.test.js b/src/tests/App.test.js
index db877a1..8b87cc5 100644
--- a/src/tests/App.test.js
+++ b/src/tests/App.test.js
@@ -1,10 +1,38 @@
-/* global it document */
+/* global it document describe expect beforeEach */
import React from 'react';
import ReactDOM from 'react-dom';
+import { shallow, configure } from 'enzyme'
+import renderer from 'react-test-renderer'
+import Adapter from 'enzyme-adapter-react-16'
import App from '../App';
+import ChannelList from '../components/ChannelList';
+
+configure({ adapter: new Adapter() })
it('renders without crashing', () => {
const div = document.createElement('div');
ReactDOM.render(, div);
ReactDOM.unmountComponentAtNode(div);
});
+
+describe('Snapshot', () => {
+ it('Initial', () => {
+ const renderedValue = renderer.create().toJSON()
+ expect(renderedValue).toMatchSnapshot()
+ })
+})
+
+describe('Rendered', () => {
+ let wrapper
+
+ beforeEach(() => {
+ wrapper = shallow()
+ })
+
+ it('should render chat after setting the username', () => {
+ wrapper.instance().draftUsername = 'oie'
+ wrapper.find('.form-choose-name form').at(0).simulate('submit', { preventDefault: () => {}, target: {} })
+ expect(wrapper.find('ChannelList').at(0).text()).toBe('')
+ expect(wrapper.find('Channel').at(0).text()).toBe('')
+ })
+})
diff --git a/src/tests/__snapshots__/App.test.js.snap b/src/tests/__snapshots__/App.test.js.snap
new file mode 100644
index 0000000..1f08625
--- /dev/null
+++ b/src/tests/__snapshots__/App.test.js.snap
@@ -0,0 +1,34 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Snapshot Initial 1`] = `
+
+`;
diff --git a/src/tests/components/Channel.test.js b/src/tests/components/Channel.test.js
index 7e7c087..a986f67 100644
--- a/src/tests/components/Channel.test.js
+++ b/src/tests/components/Channel.test.js
@@ -59,7 +59,7 @@ describe('Channel component', () => {
})
it('correct label', () => {
- expect(wrapper.find('.channel__empty-state strong').get(0).props.children).toBe('Escolha ou crie um canal para conversar com outras pessoas!')
+ expect(wrapper.find('.channel__empty-state strong').at(0).text()).toBe('Escolha ou crie um canal para conversar com outras pessoas!')
})
})
@@ -71,7 +71,7 @@ describe('Channel component', () => {
})
it('correct label', () => {
- expect(wrapper.find('.channel__section>span').get(0).props.children).toBe('nenhuma mensagem')
+ expect(wrapper.find('.channel__section>span').at(0).text()).toBe('nenhuma mensagem')
})
})
diff --git a/src/tests/components/ChannelList.test.js b/src/tests/components/ChannelList.test.js
index 710fbff..5859d4a 100644
--- a/src/tests/components/ChannelList.test.js
+++ b/src/tests/components/ChannelList.test.js
@@ -57,8 +57,8 @@ describe('ChannelList component', () => {
})
it('correct badges', () => {
- expect(wrapper.find('.badge').get(0).props.children).toBe(3)
- expect(wrapper.find('.badge').get(1).props.children).toBe(10)
+ expect(wrapper.find('.badge').at(0).text()).toBe('3')
+ expect(wrapper.find('.badge').at(1).text()).toBe('10')
})
})