From d7c55853e9d180290ae3cb30b2f329ebab8748ce Mon Sep 17 00:00:00 2001
From: Kai Schaper <303@posteo.de>
Date: Mon, 10 Oct 2016 04:01:10 +0200
Subject: [PATCH] set up Mocha/Chai/Enzyme for React component unit testing
---
.nvmrc | 1 +
package.json | 14 ++++++++++----
.../components/loading_indicator.test.jsx | 13 +++++++++++++
3 files changed, 24 insertions(+), 4 deletions(-)
create mode 100644 .nvmrc
create mode 100644 spec/javascript/components/loading_indicator.test.jsx
diff --git a/.nvmrc b/.nvmrc
new file mode 100644
index 0000000000..f0e13c5090
--- /dev/null
+++ b/.nvmrc
@@ -0,0 +1 @@
+6.7.0
diff --git a/package.json b/package.json
index 1ea514e1ff..f5244a2b0f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,10 @@
{
"name": "mastodon",
+ "scripts": {
+ "test": "mocha --compilers js:babel-register ./spec/javascript/components/*.test.jsx"
+ },
"devDependencies": {
+ "axios": "^0.14.0",
"babel-plugin-react-transform": "^2.0.2",
"babel-plugin-transform-object-rest-spread": "^6.8.0",
"babel-preset-es2015": "^6.13.2",
@@ -8,17 +12,19 @@
"babelify": "^7.3.0",
"browserify": "^13.1.0",
"browserify-incremental": "^3.1.1",
- "react": "^15.3.0",
- "react-dom": "^15.3.0",
- "react-proxy": "^1.1.8",
- "axios": "^0.14.0",
+ "chai": "^3.5.0",
+ "enzyme": "^2.4.1",
"es6-promise": "^3.2.1",
"immutable": "^3.8.1",
+ "mocha": "^3.1.1",
"moment": "^2.14.1",
"react-addons-perf": "^15.3.2",
"react-addons-pure-render-mixin": "^15.3.1",
+ "react-addons-test-utils": "^15.3.2",
+ "react-dom": "^15.3.0",
"react-immutable-proptypes": "^2.1.0",
"react-notification": "^6.1.1",
+ "react-proxy": "^1.1.8",
"react-redux": "^5.0.0-beta.3",
"react-redux-loading-bar": "^2.3.3",
"react-router": "^2.8.0",
diff --git a/spec/javascript/components/loading_indicator.test.jsx b/spec/javascript/components/loading_indicator.test.jsx
new file mode 100644
index 0000000000..b2f9c919e0
--- /dev/null
+++ b/spec/javascript/components/loading_indicator.test.jsx
@@ -0,0 +1,13 @@
+import { expect } from 'chai';
+import { shallow } from 'enzyme';
+import React from 'react';
+global.React = React;
+
+import LoadingIndicator from '../../../app/assets/javascripts/components/components/loading_indicator'
+
+describe('<LoadingIndicator />', function() {
+ it('renders text that indicates loading', function() {
+ const wrapper = shallow(<LoadingIndicator />);
+ expect(wrapper.text()).to.match(/loading/i);
+ });
+});
--
GitLab