closes #398 - "Previous/Next Surah" when reading first/last surah

package.json

@@ -3,10 +3,10 @@
   "version": "1.0.0",
   "private": false,
   "scripts": {
-    "test": "./node_modules/karma/bin/karma start",
-    "test:ci:unit": "./node_modules/karma/bin/karma start --browsers PhantomJS --single-run; npm run test:ci:lint",
-    "test:dev:unit": "./node_modules/karma/bin/karma start",
+    "test": "npm run test:dev:unit",
+    "test:ci:unit": "karma start --browsers PhantomJS --single-run; npm run test:ci:lint",
     "test:ci:functional": "node ./nightwatch.js -c ./nightwatch.json -e production",
+    "test:dev:unit": "karma start",
     "test:dev:functional": "node ./nightwatch.js -c ./nightwatch.json",
     "test:ci:lint": "eslint ./src/**/*.js",
     "test:dev:lint": "eslint ./src/scripts/**/*.js",

src/containers/Surah/Title/index.js

@@ -13,7 +13,6 @@ const zeroPad = (num, places) => {
 
 const Title = ({ surah }) => {
   const title = require(`../../../../static/images/titles/${zeroPad(surah.id, 3)}.svg`); // eslint-disable-line global-require,max-len
-
   return (
     <div className={`row ${styles.container}`}>
       <div className="col-md-3 col-xs-1 surah-title">
@@ -23,7 +22,7 @@ const Title = ({ surah }) => {
           alt="Ornament left"
         />
         {
-          surah.id >= 1 &&
+          surah.id > 1 &&
             <Link
               data-metrics-event-name="Title:PreviousSurah"
               className="navbar-text previous-chapter"
@@ -56,7 +55,7 @@ const Title = ({ surah }) => {
       </div>
       <div className="col-md-3 col-xs-1 surah-title text-right">
         {
-          surah.id <= 114 &&
+          surah.id < 114 &&
             <Link
               data-metrics-event-name="Title:NextSurah"
               className="navbar-text next-chapter"

src/containers/Surah/Title/spec.js

@@ -0,0 +1,62 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { shallow } from 'enzyme';
+
+import Title from './index';
+import getSurahs from '../../../../tests/fixtures/getSurahs.js';
+
+let wrapper;
+let surah = {
+  "id": 1,
+  "name": {
+    "arabic": "الفاتحة",
+    "simple": "Al-Fatihah",
+    "complex": "Al-Fātiĥah",
+    "english": "The Opener"
+  }
+};
+
+
+describe('<Title />', () => {
+
+  it('should render', () => {
+    wrapper = renderComponent(surah);
+    expect(wrapper).to.be.ok;
+  });
+
+  it('should not show previous surah if on the first surah', () => {
+    wrapper = renderComponent(surah);
+
+    const previous = wrapper.find('.previous-chapter').length;
+    const next = wrapper.find('.next-chapter').length;
+
+    expect(previous).to.equal(0);
+    expect(next).to.equal(1);
+  });
+
+  it('should not show next surah if on the last surah', () => {
+    surah.id = 114;
+    wrapper = renderComponent(surah);
+
+    const previous = wrapper.find('.previous-chapter').length;
+    const next = wrapper.find('.next-chapter').length;
+
+    expect(previous).to.equal(1);
+    expect(next).to.equal(0);
+  });
+
+  it('should show both next and previous if surah is neither last or first', () => {
+    surah.id = 14;
+    wrapper = renderComponent(surah);
+
+    const previous = wrapper.find('.previous-chapter').length;
+    const next = wrapper.find('.next-chapter').length;
+
+    expect(previous).to.equal(1);
+    expect(next).to.equal(1);
+  });
+});
+
+function renderComponent(data) {
+  return shallow(<Title surah={data}/>);
+}