From 5897a8c43d57c3769752bd401fa17694c2ab9bbe Mon Sep 17 00:00:00 2001 From: Remi Planel Date: Wed, 29 May 2019 17:48:01 +0200 Subject: [PATCH] Add brushable-chromosome tests --- src/scripts/component/genome-browser.ts | 2 +- .../component/ruler/brushable-chromosome.ts | 2 +- tests/brushable-chromosome.test.ts | 32 +++++++++++++++++++ 3 files changed, 34 insertions(+), 2 deletions(-) create mode 100644 tests/brushable-chromosome.test.ts diff --git a/src/scripts/component/genome-browser.ts b/src/scripts/component/genome-browser.ts index c34325d..222381c 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 29b573b..b6e407c 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 0000000..b95140b --- /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); + }) + +}); + + -- GitLab