genoverse 3.2.0

package/test/View/render-line-graph.test.js

@@ -0,0 +1,169 @@
+const { afterTest, testTrackRenderStatic } = require('../utils');
+
+describe('Correctly render line graph where:', () => {
+  afterEach(afterTest);
+
+  const track = { _testClass: Genoverse.Track.Graph.Line, height: 100, margin: 0, resizable: false, rescaleableY: false };
+  const data  = [
+    [ 10, 60, 20, 100, 40, 50, 0, 90, 70, 30 ],
+    [ 40, 30, 20, 50, 90, 10, 10, 80, 60, 70 ],
+  ];
+
+  const getTrackConf = test => ({ ...track, ...test.conf });
+
+  [{
+    why  : 'scale > 1',
+    conf : { width: 100, start: 1, end: 10 },
+  }, {
+    why  : 'scale = 1',
+    conf : { width: 100, start: 1, end: 100 },
+  }, {
+    why  : 'scale < 1, all bins of equal size',
+    conf : { width: 100, start: 1, end: 200 },
+  }, {
+    why  : 'scale < 1, final bin size = 1',
+    conf : { width: 100, start: 1, end: 300 },
+  }, {
+    why  : 'scale < 1, final bin is small',
+    conf : { width: 100, start: 1, end: 400 },
+  }, {
+    why  : 'scale < 1, final bin is made of 2 bins',
+    conf : { width: 100, start: 1, end: 250 },
+  }, {
+    why  : 'scale < 1, middle bin is made of 2 bins',
+    conf : { width: 100, start: 1, end: 297 },
+  }].forEach((testSet) => {
+    describe(testSet.why, () => {
+      const features = [{ start: 1, end: 10, coords: data[0] }];
+      const tests    = [
+        { why: 'no margin',                           conf: { margin: 0                                     } },
+        { why: 'margin',                              conf: { margin: 10                                    } },
+        { why: 'margin top and bottom, inverted',     conf: { margin: { top: 5, bottom: 20 }, invert: true  } },
+        { why: 'margin top and bottom, not inverted', conf: { margin: { top: 5, bottom: 20 }, invert: false } },
+        { why: 'lineWidth',                           conf: { margin: 0, lineWidth: 2                       } },
+        { why: 'colored',                             conf: { margin: 0, color: 'red'                       } },
+      ];
+
+      describe('the graph has no fill', () => {
+        tests.forEach(test => it(test.why, () => testTrackRenderStatic(features, getTrackConf(test), testSet.conf)));
+      });
+
+      describe('the graph has fill', () => {
+        tests.map(t => ({ why: t.why, conf: { fill: true, ...t.conf } })).concat(
+          { why: 'globalAlpha', conf: { fill: true, margin: 0, globalAlpha: 0.5 } }
+        ).forEach((test) => {
+          it(test.why, () => testTrackRenderStatic(features, getTrackConf(test), testSet.conf));
+        });
+      });
+
+      describe('the graph has two datasets', () => {
+        [
+          { why: 'coloured red and blue',    conf: { margin: 0, datasets: [{ name: 1, color: 'red'               }, { name: 2, color: 'blue'                               }] } },
+          { why: 'one filled, one not',      conf: { margin: 0, datasets: [{ name: 1, color: 'red', fill: true   }, { name: 2, color: 'blue'                               }] } },
+          { why: 'one with lineWidth set',   conf: { margin: 0, datasets: [{ name: 1, color: 'red', lineWidth: 2 }, { name: 2, color: 'blue', fill: true                   }] } },
+          { why: 'one with globalAlpha set', conf: { margin: 0, datasets: [{ name: 1, color: 'red', fill: true   }, { name: 2, color: 'blue', fill: true, globalAlpha: 0.5 }] } },
+        ].forEach((test) => {
+          it(test.why, () => testTrackRenderStatic([
+            { start: 1, end: 10, coords: data[0], dataset: 1 },
+            { start: 1, end: 10, coords: data[1], dataset: 2 },
+          ], getTrackConf(test), testSet.conf));
+        });
+      });
+    });
+  });
+
+  describe('data is not continuous', () => {
+    const genoverseConf = { width: 100, start: 101, end: 200 };
+
+    [
+      { why: 'the graph has no fill', conf: { margin: 0, fill: false } },
+      { why: 'the graph has fill',    conf: { margin: 0, fill: true  } },
+    ].forEach((test) => {
+      describe(test.why, () => {
+        const coords = data[0].slice(0, 5);
+
+        it('each data block is inside the image', () => testTrackRenderStatic([
+          { start: 110, end: 114, coords: coords.map((d, i) => [ i + 110, d ]) },
+          { start: 130, end: 134, coords: coords.map((d, i) => [ i + 130, d ]) },
+          { start: 150, end: 154, coords: coords.map((d, i) => [ i + 150, d ]) },
+        ], getTrackConf(test), genoverseConf));
+
+        it('data blocks extend beyond the image', () => testTrackRenderStatic([
+          { start: 98, end: 102, coords: coords.map((d, i) => [ i +  98, d ]) },
+          { start: 150, end: 154, coords: coords.map((d, i) => [ i + 150, d ]) },
+          { start: 198, end: 202, coords: coords.map((d, i) => [ i + 198, d ]) },
+        ], getTrackConf(test), genoverseConf));
+      });
+    });
+  });
+
+  describe('data is spaced at > 1', () => {
+    const features = [{ start: 1, end: 100, coords: data[0].slice(0, 9).map((d, i) => [ i + 1, d ]).filter((d, i) => i % 2) }];
+
+    [
+      { why: 'scale > 1', width: 200, coords: [[ 3, 60 ], [ 7, 100 ], [ 11, 50 ], [ 15, 90 ]] },
+      { why: 'scale = 1', width: 100, coords: [[ 1, 60 ], [ 3, 100 ], [ 5,  50 ], [ 7,  90 ]] },
+      { why: 'scale < 1', width: 25,  coords: [[ 1, 80 ], [ 2, 70 ]]                          },
+    ].forEach((testSet) => {
+      describe(testSet.why, () => {
+        [
+          { why: 'the graph has no fill', conf: { margin: 0, fill: false }, coords: testSet.coords },
+          { why: 'the graph has fill',    conf: { margin: 0, fill: true  }, coords: [[ testSet.coords[0][0], 0 ]].concat(testSet.coords).concat([[ testSet.coords[testSet.coords.length - 1][0], 0 ]]) },
+        ].forEach(test => it(test.why, () => testTrackRenderStatic(features, getTrackConf(test), { width: testSet.width, start: 1, end: 100 })));
+      });
+    });
+  });
+
+  describe('features are defined with', () => {
+    const genoverseConf = { width: 100, start: 1, end: 100 };
+    const trackConf     = { margin: 0, fill: true };
+
+    [
+      { why: 'x, y',            conf: trackConf, features: [ 10, 11, 12, 20, 21, 22 ].map(n => ({ y: n, x: n                 })) },
+      { why: 'start == end, y', conf: trackConf, features: [ 10, 11, 12, 20, 21, 22 ].map(n => ({ y: n, start: n, end: n     })) },
+      { why: 'start != end, y', conf: trackConf, features: [ 10, 20, 30             ].map(n => ({ y: n, start: n, end: n + 5 })) },
+      { why: 'no y',            conf: trackConf, features: [ 10, 11, 12, 20, 21, 22 ].map(n => ({ start: n, end: n           })) },
+    ].forEach(
+      test => it(test.why, () => testTrackRenderStatic(test.features, getTrackConf(test), genoverseConf))
+    );
+  });
+
+  describe('features have the wrong coords', () => {
+    const genoverseConf = { width: 100, start: 1, end: 100 };
+    const trackConf     = { margin: 0 };
+    const makeFeatures  = coords => [{ start: 10, end: 12, coords: coords.map((n, i) => [ i + 10, n ]) }];
+
+    [
+      { why: 'too few coords',              conf: trackConf, features: makeFeatures([ 10, 20 ]),             coords: [[ 9, 10 ], [ 10, 20 ]]             },
+      { why: 'too many coords',             conf: trackConf, features: makeFeatures([ 10, 20, 30, 20, 10 ]), coords: [[ 9, 10 ], [ 10, 20 ], [ 11, 30 ]] },
+      { why: 'coords outside of start/end', conf: trackConf, features: [{ start: 10, end: 12, coords: [[ 1, 1 ], [ 2, 5 ], [ 3, 7 ], [ 20, 10 ], [ 21, 3 ]] }], coords: [] },
+    ].forEach(
+      test => it(test.why, () => testTrackRenderStatic(test.features, getTrackConf(test), genoverseConf))
+    );
+  });
+
+  describe('yRange is set', () => {
+    const coords        = [ 1, -8, 5, -5, 0, 7, -2 ];
+    const genoverseConf = { width: 100, start: 1, end: 100 };
+    const features      = [{ start: 1, end: 7, coords: coords }];
+
+    [
+      { why: 'with no margin', conf: { margin: 0 } },
+      { why: 'with margin',    conf: { margin: 1 } },
+    ].forEach((testSet) => {
+      const m = testSet.conf.margin;
+
+      describe(testSet.why, () => {
+        [
+          { why: 'yRange = [ -5, 5 ]',    conf: { yRange: [  -5, 5   ], height: 10, ...testSet.conf }, coords: [[ 0,  6 + m ], [ 1,  -3 + m ], [ 2, 10 + m ], [ 3,   0 + m ], [ 4,  5 + m ], [ 5, 12 + m ], [ 6,   3 + m ]] },
+          { why: 'yRange = [ -1, 5 ]',    conf: { yRange: [  -1, 5   ], height: 12, ...testSet.conf }, coords: [[ 0,  4 + m ], [ 1, -14 + m ], [ 2, 12 + m ], [ 3,  -8 + m ], [ 4,  2 + m ], [ 5, 16 + m ], [ 6,  -2 + m ]] },
+          { why: 'yRange = [ 0, 1 ]',     conf: { yRange: [   0, 1   ], height: 10, ...testSet.conf }, coords: [[ 0, 10 + m ], [ 1, -80 + m ], [ 2, 50 + m ], [ 3, -50 + m ], [ 4,  0 + m ], [ 5, 70 + m ], [ 6, -20 + m ]] },
+          { why: 'yRange = [ -1, 0 ]',    conf: { yRange: [  -1, 0   ], height: 10, ...testSet.conf }, coords: [[ 0, 20 + m ], [ 1, -70 + m ], [ 2, 60 + m ], [ 3, -40 + m ], [ 4, 10 + m ], [ 5, 80 + m ], [ 6, -10 + m ]] },
+          { why: 'yRange = [ 0.5, 7.5 ]', conf: { yRange: [ 0.5, 7.5 ], height: 70, ...testSet.conf }, coords: [[ 0,  5 + m ], [ 1, -85 + m ], [ 2, 45 + m ], [ 3, -55 + m ], [ 4, -5 + m ], [ 5, 65 + m ], [ 6, -25 + m ]] },
+        ].forEach(
+          test => it(test.why, () => testTrackRenderStatic(features, getTrackConf(test), genoverseConf))
+        );
+      });
+    });
+  });
+});

package/test/View/render-scalebar.test.js

@@ -0,0 +1,36 @@
+const { afterTest, testTrackRender, testTrackRenderStatic } = require('../utils');
+
+describe('Correctly render scalebar:', () => {
+  afterEach(afterTest);
+
+  const track = { _testClass: Genoverse.Track.Scalebar };
+  const width = 1000;
+
+  const doTest = end => testTrackRenderStatic(undefined, track, { end: end, chromosomeSize: end, width: width });
+
+  describe('at different scales', () => {
+    it('in bytes, scale = 1', () => doTest(1000));
+    it('in bytes, scale < 1', () => doTest(1e4));
+    it('in bytes, scale > 1', () => doTest(100));
+    it('in kb',               () => doTest(1e5));
+    it('in Mb',               () => doTest(1e7));
+    it('in Gb',               () => doTest(1e10));
+    it('in Tb',               () => doTest(1e13));
+  });
+
+  describe('spanning two images', () => {
+    it('split on a boundary', () => {
+      const end = 1e7;
+
+      return testTrackRender(undefined, track, { end: end / 2, chromosomeSize: end, width: width });
+    });
+
+    it('split mid section', () => {
+      const end = 25e4;
+
+      return testTrackRender(undefined, track, { end: end / 2, chromosomeSize: end, width: width });
+    });
+  });
+
+  it('backgrounds', () => testTrackRenderStatic(undefined, track, { end: width, chromosomeSize: width, width: width }));
+});

package/test/View/render-scaleline.test.js

@@ -0,0 +1,28 @@
+const { afterTest, testTrackRender } = require('../utils');
+
+describe('Correctly render scale line:', () => {
+  afterEach(afterTest);
+
+  const width = 1000;
+
+  const doTest = (size, strand) => {
+    const forward  = strand === 'Forward';
+    const noStrand = strand === 'No';
+
+    return testTrackRender(
+      undefined,
+      { _testClass: Genoverse.Track.Scaleline, strand: noStrand ? false : forward ? 1 : -1 },
+      { end: size, chromosomeSize: size, width: width }
+    );
+  };
+
+  [ 'Forward', 'Reverse', 'No' ].forEach((strand) => {
+    describe(`${strand} strand`, () => {
+      it('in bytes', () => doTest(10,   strand));
+      it('in kb',    () => doTest(1e5,  strand));
+      it('in Mb',    () => doTest(1e7,  strand));
+      it('in Gb',    () => doTest(1e10, strand));
+      it('in Tb',    () => doTest(1e13, strand));
+    });
+  });
+});

package/test/View/render-sequence.test.js

@@ -0,0 +1,49 @@
+const { afterTest, testTrackRenderStatic } = require('../utils');
+
+describe('Correctly render sequence:', () => {
+  afterEach(afterTest);
+
+  const track = {
+    model     : Genoverse.Track.Model.Sequence,
+    view      : Genoverse.Track.View.Sequence,
+    resizable : 'auto',
+  };
+
+  describe('ATCGN', () => {
+    const sequence = 'ATCGN';
+
+    it('without labels',         () => testTrackRenderStatic(sequence, track));
+    it('with labels',            () => testTrackRenderStatic(sequence, track, { start: 1, end: 5 }));
+    it('with lower case labels', () => testTrackRenderStatic(sequence.toLowerCase(), { lowerCase: true, ...track }, { start: 1, end: 5 }));
+  });
+});
+
+describe('Correctly render sequence variation:', () => {
+  afterEach(afterTest);
+
+  const track = {
+    model     : Genoverse.Track.Model.SequenceVariation.extend({ seqModel: Genoverse.Track.Model.Sequence.extend({ data: 'ATCGN' }) }),
+    view      : Genoverse.Track.View.SequenceVariation,
+    resizable : 'auto',
+  };
+
+  describe('T/C', () => {
+    it('without labels', () => testTrackRenderStatic([{ start: 2, end: 2, ref_allele: 'T', alt_allele: 'C' }], track));
+    it('with labels',    () => testTrackRenderStatic([{ start: 2, end: 2, ref_allele: 'T', alt_allele: 'C' }], track, { start: 1, end: 5 }));
+  });
+
+  describe('TC/-', () => {
+    it('without labels', () => testTrackRenderStatic([{ start: 2, end: 3, ref_allele: 'TC', alt_allele: '-' }], track));
+    it('with labels',    () => testTrackRenderStatic([{ start: 2, end: 3, ref_allele: 'TC', alt_allele: '-' }], track, { start: 1, end: 5 }));
+  });
+
+  describe('T/AGA', () => {
+    it('without labels', () => testTrackRenderStatic([{ start: 2, end: 2, ref_allele: 'T', alt_allele: 'AGA' }], track));
+    it('with labels',    () => testTrackRenderStatic([{ start: 2, end: 3, ref_allele: 'T', alt_allele: 'AGA' }], track, { start: 1, end: 5 }));
+  });
+
+  describe('bumped variants', () => {
+    it('without labels', () => testTrackRenderStatic([{ start: 2, end: 3, ref_allele: 'TC', alt_allele: 'AGA' }, { start: 3, end: 4, ref_allele: 'CG', alt_allele: 'A' }], track));
+    it('with labels',    () => testTrackRenderStatic([{ start: 2, end: 3, ref_allele: 'TC', alt_allele: 'AGA' }, { start: 3, end: 4, ref_allele: 'CG', alt_allele: 'A' }], track, { start: 1, end: 5 }));
+  });
+});

package/test/View/render-stranded.test.js

@@ -0,0 +1,10 @@
+const { afterTest, testTrackRenderStatic } = require('../utils');
+
+describe('Correctly render stranded track:', () => {
+  afterEach(afterTest);
+
+  it('features are split between forward and reverse strand tracks', () => testTrackRenderStatic(
+    [{ start: 1, end: 5, strand: 1, color: 'blue' }, { start: 11, end: 15, strand: -1, color: 'red' }],
+    { stranded: true, margin: 0, featureHeight: 10, featureMargin: {} }
+  ));
+});

package/test/View/render-transcripts.test.js

@@ -0,0 +1,165 @@
+const { afterTest, testTrackRender, testTrackRenderStatic } = require('../utils');
+
+describe('Correctly render transcripts where:', () => {
+  afterEach(afterTest);
+
+  const doTests = (subFeatureJoinStyle, feature, genoverseConfig, func = testTrackRender) => {
+    const track = {
+      margin        : 0,
+      featureMargin : {},
+      view          : Genoverse.Track.View.Transcript.extend({ subFeatureJoinStyle: subFeatureJoinStyle }),
+    };
+
+    describe(`track.subFeatureJoinStyle = "${subFeatureJoinStyle}"`, () => {
+      [
+        { why: 'forward strand', strand: 1  },
+        { why: 'reverse strand', strand: -1 },
+      ].forEach(
+        test => it(test.why, () => func([{ strand: test.strand, ...feature }], track, { start: 1, end: 1000, chromosomeSize: 1e9, width: 1000, ...genoverseConfig }))
+      );
+    });
+  };
+
+  describe('there is one transcript on a single image', () => {
+    describe('exons without cds', () => {
+      const feature = {
+        start       : 1,
+        end         : 1000,
+        subFeatures : [
+          { start: 1,   end: 100,  height: 7, color: false, borderColor: 'black' },
+          { start: 200, end: 300,  height: 7, color: false, borderColor: 'black' },
+          { start: 500, end: 700,  height: 7, color: false, borderColor: 'black' },
+          { start: 750, end: 760,  height: 7, color: false, borderColor: 'black' },
+          { start: 950, end: 1000, height: 7, color: false, borderColor: 'black' },
+        ],
+      };
+
+      doTests('curve', feature, undefined, testTrackRenderStatic);
+      doTests('peak',  feature, undefined, testTrackRenderStatic);
+      doTests('line',  feature, undefined, testTrackRenderStatic);
+    });
+
+    describe('exons with cds', () => {
+      const feature = {
+        start       : 1,
+        end         : 1000,
+        subFeatures : [
+          { start: 1,   end: 100,  height: 7, color: false, borderColor: 'black' },
+          { start: 200, end: 250,  height: 7, color: false, borderColor: 'black' },
+          { start: 250, end: 300,  height: 10                                    },
+          { start: 500, end: 700,  height: 10                                    },
+          { start: 750, end: 755,  height: 10                                    },
+          { start: 755, end: 760,  height: 7, color: false, borderColor: 'black' },
+          { start: 950, end: 1000, height: 7, color: false, borderColor: 'black' },
+        ],
+      };
+
+      doTests('curve', feature, undefined, testTrackRenderStatic);
+      doTests('peak',  feature, undefined, testTrackRenderStatic);
+      doTests('line',  feature, undefined, testTrackRenderStatic);
+    });
+  });
+
+  describe('a transcript spans two images, with intron peak on the first image', () => {
+    describe('exons without cds', () => {
+      // These numbers have been chosen to avoid false negatives due to floating point errors
+      const feature = {
+        start       : 1,
+        end         : 1500,
+        subFeatures : [{ start: 1, end: 100, height: 7, color: false, borderColor: 'black' }, { start: 1301, end: 1500, height: 7, color: false, borderColor: 'black' }],
+      };
+
+      doTests('curve', feature);
+      doTests('peak',  feature);
+      doTests('line',  feature);
+    });
+
+    describe('exons with cds', () => {
+      // These numbers have been chosen to avoid false negatives due to floating point errors
+      const feature = {
+        start       : 1,
+        end         : 1500,
+        subFeatures : [
+          { start: 1,    end: 101,  height: 7, color: false, borderColor: 'black' },
+          { start: 101,  end: 300,  height: 10                                    },
+          { start: 1301, end: 1400, height: 10                                    },
+          { start: 1400, end: 1500, height: 7, color: false, borderColor: 'black' },
+        ],
+      };
+
+      doTests('curve', feature);
+      doTests('peak',  feature);
+      doTests('line',  feature);
+    });
+  });
+
+  describe('a transcript spans two images, with intron peak on the second image', () => {
+    describe('exons without cds', () => {
+      // These numbers have been chosen to avoid false negatives due to floating point errors
+      const feature = {
+        start       : 1,
+        end         : 2000,
+        subFeatures : [{ start: 1, end: 900, height: 7, color: false, borderColor: 'black' }, { start: 1901, end: 2000, height: 7, color: false, borderColor: 'black' }],
+      };
+
+      doTests('curve', feature);
+      doTests('peak',  feature);
+      doTests('line',  feature);
+    });
+
+    describe('exons with cds', () => {
+      // These numbers have been chosen to avoid false negatives due to floating point errors
+      const feature = {
+        start       : 1,
+        end         : 2000,
+        subFeatures : [
+          { start: 1,    end: 801,  height: 7, color: false, borderColor: 'black' },
+          { start: 801,  end: 900,  height: 10                                    },
+          { start: 1901, end: 1950, height: 10                                    },
+          { start: 1950, end: 2000, height: 7, color: false, borderColor: 'black' },
+        ],
+      };
+
+      doTests('curve', feature);
+      doTests('peak',  feature);
+      doTests('line',  feature);
+    });
+  });
+
+  describe('a transcript spans three images, with intron peak on the second image', () => {
+    describe('exons without cds', () => {
+      const genoverseConfig = { start: 1001, end: 2000 };
+
+      // These numbers have been chosen to avoid false negatives due to floating point errors
+      const feature = {
+        start       : 1,
+        end         : 3000,
+        subFeatures : [{ start: 1, end: 500, height: 7, color: false, borderColor: 'black' }, { start: 2501, end: 3000, height: 7, color: false, borderColor: 'black' }],
+      };
+
+      doTests('curve', feature, genoverseConfig);
+      doTests('peak',  feature, genoverseConfig);
+      doTests('line',  feature, genoverseConfig);
+    });
+
+    describe('exons with cds', () => {
+      const genoverseConfig = { start: 1001, end: 2000 };
+
+      // These numbers have been chosen to avoid false negatives due to floating point errors
+      const feature = {
+        start       : 1,
+        end         : 3000,
+        subFeatures : [
+          { start: 1,    end: 401,  height: 7, color: false, borderColor: 'black' },
+          { start: 401,  end: 500,  height: 10                                    },
+          { start: 2501, end: 2600, height: 10                                    },
+          { start: 2600, end: 3000, height: 7, color: false, borderColor: 'black' },
+        ],
+      };
+
+      doTests('curve', feature, genoverseConfig);
+      doTests('peak',  feature, genoverseConfig);
+      doTests('line',  feature, genoverseConfig);
+    });
+  });
+});

package/test/create-and-destroy.test.js

@@ -0,0 +1,63 @@
+const css                      = require('fs').readFileSync('css/genoverse.css', 'utf8');
+const { Genoverse, afterTest } = require('./utils');
+
+const html = `<style>${css}</style><div id="genoverse-test-1"></div><div id="genoverse-test-2"></div><div id="genoverse-test-3"></div>`;
+
+const doTests = (cfg) => {
+  const config          = { ...cfg };
+  const containerExists = config.container ? !!$(config.container).length : false;
+  const elCount         = $('*').length;
+  const deferred        = $.Deferred();
+
+  new Genoverse({ // eslint-disable-line no-new
+    ...cfg,
+    afterInit: function () {
+      const container = this.container;
+
+      expect(container.length).toBe(1);
+      expect(container.hasClass('genoverse')).toBe(true);
+
+      if (cfg) {
+        if (config.container) {
+          if (containerExists) {
+            expect(container.attr('id')).toBe($(config.container)[0].id.replace('#', ''));
+          } else {
+            expect(container.attr('id')).toBeUndefined();
+          }
+        }
+
+        if (config.width) {
+          expect(container.width()).toBe(config.width);
+          expect(this.width).toBe(config.width - this.labelWidth);
+        }
+      }
+
+      this.destroy();
+
+      expect(Object.keys(this).length).toBe(0);
+      expect(container.parents('body').length).toBe(1);
+      expect(container.children().length).toBe(0);
+      expect($('*').length).toBe(elCount + (containerExists ? 0 : 1)); // + 1 because container is left behind when Genoverse is destroyed
+
+      container.remove();
+
+      deferred.resolve();
+    },
+  });
+
+  return deferred;
+};
+
+describe('Genoverse', () => {
+  beforeEach(() => { $('body').html(html); });
+  afterEach(afterTest);
+
+  describe('Creation and destruction', () => {
+    it('when config is undefined',                 () => doTests(undefined));
+    it('when config is empty hash',                () => doTests({}));
+    it('when has container id and width',          () => doTests({ container: '#genoverse-test-1', width: 2000 }));
+    it('when has container DOM element',           () => doTests({ container: document.getElementById('genoverse-test-2') }));
+    it('when has container jQuery element',        () => doTests({ container: $('#genoverse-test-3') }));
+    it("when has container id that doesn't exist", () => doTests({ container: '#genoverse-test-0' }));
+  });
+});