@jbrowse/svgcanvas 6.4.2 → 7.0.0

package/dist/drawImage.test.js

@@ -1,76 +0,0 @@
-// @vitest-environment jsdom
-import { beforeAll, expect, test } from 'vitest';
-import { Context } from './index.js';
-class Matrix {
-    m;
-    constructor(m = [1, 0, 0, 1, 0, 0]) {
-        this.m = m;
-    }
-    get a() {
-        return this.m[0];
-    }
-    get b() {
-        return this.m[1];
-    }
-    get c() {
-        return this.m[2];
-    }
-    get d() {
-        return this.m[3];
-    }
-    get e() {
-        return this.m[4];
-    }
-    get f() {
-        return this.m[5];
-    }
-    multiply(o) {
-        return new Matrix([
-            this.a * o.a + this.c * o.b,
-            this.b * o.a + this.d * o.b,
-            this.a * o.c + this.c * o.d,
-            this.b * o.c + this.d * o.d,
-            this.a * o.e + this.c * o.f + this.e,
-            this.b * o.e + this.d * o.f + this.f,
-        ]);
-    }
-    translate(x, y = 0) {
-        return this.multiply(new Matrix([1, 0, 0, 1, x, y]));
-    }
-    scale(x, y = x) {
-        return this.multiply(new Matrix([x, 0, 0, y, 0, 0]));
-    }
-}
-beforeAll(() => {
-    globalThis.DOMMatrix = Matrix;
-});
-const source = {
-    width: 40,
-    height: 30,
-    toDataURL: () => 'data:image/png;base64,STUB',
-};
-test('a full-image draw is one image scaled onto the destination', () => {
-    const ctx = new Context(200, 100);
-    ctx.translate(5, 0);
-    ctx.drawImage(source, 10, 20, 80, 60);
-    const svg = ctx.getSerializedSvg();
-    expect(svg).toContain('href="data:image/png;base64,STUB"');
-    expect(svg).toContain('viewBox="0 0 40 30"');
-    expect(svg).toContain('x="10" y="20" width="80" height="60"');
-    expect(svg).toContain('transform="matrix(1 0 0 1 5 0)"');
-});
-test('a source rectangle crops through the viewBox', () => {
-    const ctx = new Context(200, 100);
-    ctx.imageSmoothingEnabled = false;
-    ctx.drawImage(source, 8, 4, 16, 8, 0, 0, 32, 16);
-    const svg = ctx.getSerializedSvg();
-    expect(svg).toContain('viewBox="8 4 16 8"');
-    expect(svg).toContain('image-rendering="pixelated"');
-});
-test('an unreadable source is an error, not a silent gap', () => {
-    const ctx = new Context(10, 10);
-    expect(() => {
-        ctx.drawImage({ width: 1, height: 1 }, 0, 0);
-    }).toThrow(/toDataURL/);
-});
-//# sourceMappingURL=drawImage.test.js.map

package/dist/drawImage.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"drawImage.test.js","sourceRoot":"","sources":["../src/drawImage.test.ts"],"names":[],"mappings":"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"}

package/src/drawImage.test.ts

@@ -1,81 +0,0 @@
-// @vitest-environment jsdom
-import { beforeAll, expect, test } from 'vitest'
-
-import { Context } from './index.ts'
-
-class Matrix {
-  constructor(public m = [1, 0, 0, 1, 0, 0]) {}
-  get a() {
-    return this.m[0]!
-  }
-  get b() {
-    return this.m[1]!
-  }
-  get c() {
-    return this.m[2]!
-  }
-  get d() {
-    return this.m[3]!
-  }
-  get e() {
-    return this.m[4]!
-  }
-  get f() {
-    return this.m[5]!
-  }
-  multiply(o: Matrix) {
-    return new Matrix([
-      this.a * o.a + this.c * o.b,
-      this.b * o.a + this.d * o.b,
-      this.a * o.c + this.c * o.d,
-      this.b * o.c + this.d * o.d,
-      this.a * o.e + this.c * o.f + this.e,
-      this.b * o.e + this.d * o.f + this.f,
-    ])
-  }
-  translate(x: number, y = 0) {
-    return this.multiply(new Matrix([1, 0, 0, 1, x, y]))
-  }
-  scale(x: number, y = x) {
-    return this.multiply(new Matrix([x, 0, 0, y, 0, 0]))
-  }
-}
-
-beforeAll(() => {
-  globalThis.DOMMatrix = Matrix as unknown as typeof DOMMatrix
-})
-
-const source = {
-  width: 40,
-  height: 30,
-  toDataURL: () => 'data:image/png;base64,STUB',
-}
-
-test('a full-image draw is one image scaled onto the destination', () => {
-  const ctx = new Context(200, 100)
-  ctx.translate(5, 0)
-  ctx.drawImage(source, 10, 20, 80, 60)
-  const svg = ctx.getSerializedSvg()
-
-  expect(svg).toContain('href="data:image/png;base64,STUB"')
-  expect(svg).toContain('viewBox="0 0 40 30"')
-  expect(svg).toContain('x="10" y="20" width="80" height="60"')
-  expect(svg).toContain('transform="matrix(1 0 0 1 5 0)"')
-})
-
-test('a source rectangle crops through the viewBox', () => {
-  const ctx = new Context(200, 100)
-  ctx.imageSmoothingEnabled = false
-  ctx.drawImage(source, 8, 4, 16, 8, 0, 0, 32, 16)
-  const svg = ctx.getSerializedSvg()
-
-  expect(svg).toContain('viewBox="8 4 16 8"')
-  expect(svg).toContain('image-rendering="pixelated"')
-})
-
-test('an unreadable source is an error, not a silent gap', () => {
-  const ctx = new Context(10, 10)
-  expect(() => {
-    ctx.drawImage({ width: 1, height: 1 }, 0, 0)
-  }).toThrow(/toDataURL/)
-})