Pass initialRange to <Root>. components-test passing.

lib/mocha.js

@@ -1,2 +1,3 @@
 declare function describe(description: string, spec: () => void): void;
 declare function it(expectation: string, assertion: (done: () => void) => void): void;
+declare function afterEach(fn: () => void): void;

src/Root.js

@@ -14,7 +14,8 @@ var React = require('react'),
 var Root = React.createClass({
   propTypes: {
     referenceSource: React.PropTypes.object.isRequired,
-    geneSource: React.PropTypes.object.isRequired
+    geneSource: React.PropTypes.object.isRequired,
+    initialRange: React.PropTypes.object.isRequired
   },
   getInitialState: function() {
     return {
@@ -34,11 +35,7 @@ var Root = React.createClass({
 
     source.on('contigs', () => {
       // this is here to facilitate faster iteration
-      this.handleRangeChange({
-        contig: 'chr17',
-        start: 7512444,
-        stop: 7512484
-      });
+      this.handleRangeChange(this.props.initialRange);
     });
 
     var geneSource = this.props.geneSource;

src/main.js

@@ -15,7 +15,8 @@ var ensembl = new BigBed('/ensGene.bb');
 var ensemblDataSource = createBigBedDataSource(ensembl);
 
 React.render(<Root referenceSource={dataSource}
-                   geneSource={ensemblDataSource} />,
+                   geneSource={ensemblDataSource}
+                   initialRange={{contig: "chr17", start: 7512444, stop: 7512484}} />,
              document.getElementById('root'));
 
 window.ensembl = ensembl;

test/BigBedDataSource-test.js

@@ -12,7 +12,7 @@ describe('BigBedDataSource', function() {
   function getTestSource() {
     // This file was created from Biodalliance's ensGene.bb via:
     // bigBedToBed ensGene.bb ensGene.bed
-    // grep '^chr17   ' ensGene.bed > /tmp/ensGene17.bed
+    // grep '^chr17\t' ensGene.bed > /tmp/ensGene17.bed
     // bedToBigBed -type=bed12+2 /tmp/ensGene17.bed <(echo "chr17 78774742")
     //             test/data/ensembl.chr17.bb
     return createBigBedDataSource(new BigBed('/test/data/ensembl.chr17.bb'));

test/components-test.js

@@ -1,10 +1,10 @@
 /* @flow */
+'use strict';
 
 var chai = require('chai');
 var expect = chai.expect;
 
 var Q = require('q');
-var _ = require('underscore');
 
 var React = require('react/addons'),
     TwoBit = require('../src/TwoBit'),
@@ -28,7 +28,7 @@ function waitFor(predFn, timeoutMs) {
   var check = function() {
     if (def.promise.isRejected()) return;
     if (predFn()) {
-      def.resolve();
+      def.resolve(null);  // no arguments needed
       window.clearTimeout(timeoutId);
     } else {
       checkTimeoutId = window.setTimeout(check, WAIT_FOR_POLL_INTERVAL_MS);
@@ -40,19 +40,13 @@ function waitFor(predFn, timeoutMs) {
 }
 
 
-/**
- * Apply a CSS selector to a React tree. Returns an array of DOM nodes.
- */
-function findInComponent(selector, component) {
-  return _.toArray(component.getDOMNode().querySelectorAll(selector));
-}
-
-
 describe('Root component', function() {
-  var genome = new TwoBit('/hg19.2bit');
+  var genome = new TwoBit('/test/data/test.2bit');
   var dataSource = createTwoBitDataSource(genome);
 
-  var ensembl = new BigBed('/ensGene.bb');
+  // This file contains just the TP53 gene, shifted so that it starts at the
+  // beginning of chr17 (to match test.2bit).
+  var ensembl = new BigBed('/test/data/tp53.shifted.bb');
   var ensemblDataSource = createBigBedDataSource(ensembl);
 
   var testDiv = document.getElementById('testdiv');
@@ -68,8 +62,10 @@ describe('Root component', function() {
     div.setAttribute('style', 'width: 800px; height: 200px;');
     testDiv.appendChild(div);
 
-    var root = React.render(<Root referenceSource={dataSource}
-                                  geneSource={ensemblDataSource} />, div);
+    // TODO: changing to {start:1, stop:50} makes the test fail.
+    React.render(<Root referenceSource={dataSource}
+                       geneSource={ensemblDataSource}
+                       initialRange={{contig:"chr17", start: 100, stop: 150}} />, div);
 
     var ready = (() => 
       div.querySelectorAll('.basepair').length > 0 &&