From e0a44556221ab2555731315a033fd18a5c01ef19 Mon Sep 17 00:00:00 2001
From: Kai Schaper <303@posteo.de>
Date: Mon, 10 Oct 2016 22:44:06 +0200
Subject: add sinon; add basic Button component test

---
 spec/javascript/components/button.test.jsx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)
 create mode 100644 spec/javascript/components/button.test.jsx

(limited to 'spec/javascript/components/button.test.jsx')

diff --git a/spec/javascript/components/button.test.jsx b/spec/javascript/components/button.test.jsx
new file mode 100644
index 000000000..5610e67dd
--- /dev/null
+++ b/spec/javascript/components/button.test.jsx
@@ -0,0 +1,14 @@
+import { expect } from 'chai';
+import { shallow } from 'enzyme';
+import sinon from 'sinon';
+
+import Button from '../../../app/assets/javascripts/components/components/button'
+
+describe('<Button />', function() {
+  it('simulates click events', function() {
+    const onClick = sinon.spy();
+    const wrapper = shallow(<Button onClick={onClick} />);
+    wrapper.find('button').simulate('click');
+    expect(onClick.calledOnce).to.equal(true);
+  });
+});
-- 
cgit 


From ecd4042c209a402c1ccace7e2b989783dce03436 Mon Sep 17 00:00:00 2001
From: Kai Schaper <303@posteo.de>
Date: Mon, 10 Oct 2016 22:46:37 +0200
Subject: use ES6 arrow functions

---
 spec/javascript/components/avatar.test.jsx            | 4 ++--
 spec/javascript/components/button.test.jsx            | 4 ++--
 spec/javascript/components/loading_indicator.test.jsx | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

(limited to 'spec/javascript/components/button.test.jsx')

diff --git a/spec/javascript/components/avatar.test.jsx b/spec/javascript/components/avatar.test.jsx
index f69b538a2..79b7d02f4 100644
--- a/spec/javascript/components/avatar.test.jsx
+++ b/spec/javascript/components/avatar.test.jsx
@@ -3,8 +3,8 @@ import { render } from 'enzyme';
 
 import Avatar from '../../../app/assets/javascripts/components/components/avatar'
 
-describe('<Avatar />', function() {
-  it('renders an img with the given src', function() {
+describe('<Avatar />', () => {
+  it('renders an img with the given src', () => {
     const src = '/path/to/image.jpg';
     const wrapper = render(<Avatar src={src} size={100} />);
     expect(wrapper.find(`img[src="${src}"]`)).to.have.length(1);
diff --git a/spec/javascript/components/button.test.jsx b/spec/javascript/components/button.test.jsx
index 5610e67dd..0f16ebe8e 100644
--- a/spec/javascript/components/button.test.jsx
+++ b/spec/javascript/components/button.test.jsx
@@ -4,8 +4,8 @@ import sinon from 'sinon';
 
 import Button from '../../../app/assets/javascripts/components/components/button'
 
-describe('<Button />', function() {
-  it('simulates click events', function() {
+describe('<Button />', () => {
+  it('simulates click events', () => {
     const onClick = sinon.spy();
     const wrapper = shallow(<Button onClick={onClick} />);
     wrapper.find('button').simulate('click');
diff --git a/spec/javascript/components/loading_indicator.test.jsx b/spec/javascript/components/loading_indicator.test.jsx
index e62288405..7039dbfbd 100644
--- a/spec/javascript/components/loading_indicator.test.jsx
+++ b/spec/javascript/components/loading_indicator.test.jsx
@@ -3,8 +3,8 @@ import { shallow } from 'enzyme';
 
 import LoadingIndicator from '../../../app/assets/javascripts/components/components/loading_indicator'
 
-describe('<LoadingIndicator />', function() {
-  it('renders text that indicates loading', function() {
+describe('<LoadingIndicator />', () => {
+  it('renders text that indicates loading', () => {
     const wrapper = shallow(<LoadingIndicator />);
     expect(wrapper.text()).to.match(/loading/i);
   });
-- 
cgit 

