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); }) });