Add JS tests

README.md

@@ -24,8 +24,9 @@ Update data
 
 First download raw data from ClinicalTrials.gov (instructions are in the Jupyter notebook). Then run the notebook, toggling `REGENERATE_SUMMARY` and `REGENERATE_PUBMED_LINKS` to regenerate the data from scratch. Running this notebook will automatically update the data used in the app.
 
+To rebuild the JavaScript, run `npm run watch` (development) and `npm run build` (production).
+
 Run tests
 ---------
 
-Test the data utility functions, run in the `data` directory: `nosetests tests/test_utils.py`
-Test the JavaScript: TBA.
+Toest the data utility functions, run in the `data` directory: `nosetests tests/test_utils.py`. To test the JavaScript: `npm run test`.

app/js/package.json

@@ -23,7 +23,8 @@
   },
   "devDependencies": {
     "browserify": "^9.0.8",
-    "mocha": "^2.2.5",
+    "chai": "^3.5.0",
+    "mocha": "^2.5.3",
     "uglifyjs": "^2.4.10",
     "watchify": "^3.2.1"
   }

app/js/test/mocha.opts

@@ -0,0 +1,2 @@
+--reporter dot
+--ui bdd

app/js/test/test_utils.js

@@ -0,0 +1,45 @@
+var expect = require('chai').expect;
+var utils = require('../utils');
+
+describe('Utils', function () {
+    describe('#getChartDescription', function () {
+        it('should construct description for a sponsor', function () {
+            var data = {
+              overdue: 4,
+              rate: 0.4,
+              total: 10
+            }, name = 'Sanofi', orgName = 'sanofi';
+            var description = utils.getChartDescription(data, name, orgName);
+            var expected = "Since Jan 2006, <strong>Sanofi</strong> completed" +
+              " 10 eligible trials and <strong><span style='color: #ff4800'>" +
+              "hasn't published results for 4 trials</span></strong>. That " +
+              "means 40.0% of its trials are missing results. See " +
+              "<a target='_blank' href='https://clinicaltrials.gov/ct2/" +
+              "results/displayOpt?flds=a&flds=b&flds=f&flds=c&flds=g&flds=s" +
+              "&flds=u&submit_fld_opt=on&recr=Completed&type=Intr&lead=Sanofi" +
+              "&lead_ex=Y&show_flds=Y'>all its completed trials on " +
+              "ClinicalTrials.gov&nbsp;<span style='font-size: 60%' " +
+              "class='glyphicon glyphicon-new-window'></span></a>.";
+            expect(description).to.equal(expected);
+        });
+
+        it('should construct description for all sponsors', function () {
+            var data = {
+              overdue: 40,
+              rate: 0.4,
+              total: 100
+            }, name = 'all major trial sponsors', orgName = '';
+            var description = utils.getChartDescription(data, name, orgName);
+            var expected = "Since Jan 2006, <strong>all major trial " +
+              "sponsors</strong> completed" +
+              " 100 eligible trials and <strong><span style='color: #ff4800'> " +
+              "haven't published results for 40 trials</span></strong>. That " +
+              "means 40.0% of their trials are missing results. ";
+            expect(description).to.equal(expected);
+        });
+    });
+    // describe('#reshapeData', function () {
+    //     it('should reshape our data', function () {
+    //     });
+    // });
+});

app/js/utils.js

@@ -8,8 +8,8 @@ var getChartDescription = function (data, name, orgName) {
     title += data.overdue.toLocaleString() + ' trial';
     title += (data.overdue === 1) ? '' : 's';
     title += '</span></strong>. ';
-    title += 'That means ' + (data.rate *100).toFixed(1) + '% of ';
-    title += (orgName === '') ? ' their ' : ' its ';
+    title += 'That means ' + (data.rate * 100).toFixed(1) + '% of ';
+    title += (orgName === '') ? 'their ' : 'its ';
     title += 'trials are missing results. ';
     url = 'https://clinicaltrials.gov/ct2/results/displayOpt?';
     url += 'flds=a&flds=b&flds=f&flds=c&flds=g&flds=s&flds=u&submit_fld_opt=on';