diff --git a/src/scripts/component/genome-browser.ts b/src/scripts/component/genome-browser.ts index c34325deb19dd9b81399c60c27bc6c6c5684bc1d..222381ce47e5785a599a81efb2cb94c414f77e14 100644 --- a/src/scripts/component/genome-browser.ts +++ b/src/scripts/component/genome-browser.ts @@ -73,7 +73,7 @@ export default function () { function updateWholeChromosomeAxis(axis: BrushableAxisData) { if (genomesBrowserU) { genomesBrowserU - .select("." + classes.chromosomeRule) + .select("." + classes.chromosomeRule) .datum(axis) .call(wholeChromosomeRule, width, 0); } diff --git a/src/scripts/component/ruler/brushable-chromosome.ts b/src/scripts/component/ruler/brushable-chromosome.ts index 29b573b12e05e6ca08be60fa3057890bcdf108e3..b6e407c133ca1e5ea91930ebfb021e7a2aa8961f 100644 --- a/src/scripts/component/ruler/brushable-chromosome.ts +++ b/src/scripts/component/ruler/brushable-chromosome.ts @@ -16,7 +16,7 @@ export default function () { const tickFormat = format(".3s"); const brushHeight = 50; function globalGenomeAxis( - _selection: Selection, + _selection: Selection, width: number, yPosition: number, ) { diff --git a/tests/brushable-chromosome.test.ts b/tests/brushable-chromosome.test.ts new file mode 100644 index 0000000000000000000000000000000000000000..b95140b762b13a7506a4cabe698bc7dcfe55398d --- /dev/null +++ b/tests/brushable-chromosome.test.ts @@ -0,0 +1,32 @@ +import BrushableChromosomeRuler from "../src/scripts/component/ruler/brushable-chromosome"; +import { BrushableAxisData } from "../src/scripts/types"; +import { select } from "d3-selection"; + + +describe("Test Chromosome Ruler", () => { + const result = 'brushable chromosome0.00100k200k300k400k500k600k700k800k900k1.00M100k150k' + const brushableChromosomeRulerComponent = BrushableChromosomeRuler(); + document.body.innerHTML = + '
'; + + const data: BrushableAxisData = { + title: "brushable chromosome", + interval: [0, 1000000], + window: [100000, 150000], + maxWindowSize: 500000 + }; + // Start tests + test("Test data to DOM Element", () => { + + const container = select("svg") + .select("g"); + + container + .datum(data) + .call(brushableChromosomeRulerComponent, 1500, 20); + expect(container.html()).toBe(result); + }) + +}); + +