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('', function() {
+ it('simulates click events', function() {
+ const onClick = sinon.spy();
+ const wrapper = shallow();
+ 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('', function() {
- it('renders an img with the given src', function() {
+describe('', () => {
+ it('renders an img with the given src', () => {
const src = '/path/to/image.jpg';
const wrapper = render();
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('', function() {
- it('simulates click events', function() {
+describe('', () => {
+ it('simulates click events', () => {
const onClick = sinon.spy();
const wrapper = shallow();
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('', function() {
- it('renders text that indicates loading', function() {
+describe('', () => {
+ it('renders text that indicates loading', () => {
const wrapper = shallow();
expect(wrapper.text()).to.match(/loading/i);
});
--
cgit