summaryrefslogtreecommitdiffstats
path: root/spec
diff options
context:
space:
mode:
Diffstat (limited to 'spec')
-rw-r--r--spec/Dom.js5
-rw-r--r--spec/run.js17
-rw-r--r--spec/spec/types/ArrayPolyfill.js25
-rw-r--r--spec/spec/types/Base.js9
-rw-r--r--spec/spec/types/Box.js221
5 files changed, 277 insertions, 0 deletions
diff --git a/spec/Dom.js b/spec/Dom.js
new file mode 100644
index 0000000..e7574d5
--- /dev/null
+++ b/spec/Dom.js
@@ -0,0 +1,5 @@
+import svgdom from 'svgdom'
+export default {
+ window: svgdom,
+ document: svgdom.document
+}
diff --git a/spec/run.js b/spec/run.js
new file mode 100644
index 0000000..1173cc2
--- /dev/null
+++ b/spec/run.js
@@ -0,0 +1,17 @@
+import Jasmine from 'jasmine'
+const jasmine = new Jasmine()
+
+//jasmine.loadConfigFile('spec/support/jasmine.json')
+
+jasmine.loadConfig({
+ "spec_dir": "spec/spec",
+ "spec_files": [
+ "types/*.js",
+ // "!(helpers).js"
+ ],
+ "helpers": [
+ // "helpers.js"
+ ]
+})
+
+jasmine.execute()
diff --git a/spec/spec/types/ArrayPolyfill.js b/spec/spec/types/ArrayPolyfill.js
new file mode 100644
index 0000000..5609629
--- /dev/null
+++ b/spec/spec/types/ArrayPolyfill.js
@@ -0,0 +1,25 @@
+import { subClassArray } from '../../../src/types/ArrayPolyfill.js'
+const { any, createSpy } = jasmine
+
+describe('ArrayPolyfill.js', function() {
+ describe('subClassArray()', function () {
+ it('creates a new class inherited from Array', () => {
+ const myArray = subClassArray('myArray', Array, )
+ expect(new myArray()).toEqual(any(Array))
+ expect(new myArray()).toEqual(any(myArray))
+ })
+
+ it('sets the name attribute of the class correctly', () => {
+ const myArray = subClassArray('myArray', Array)
+ expect(myArray.name).toEqual('myArray')
+ })
+
+ it('calls the given function on construction', () => {
+ const spy = createSpy()
+ const myArray = subClassArray('myArray', Array, spy)
+
+ new myArray(1,2,3,4)
+ expect(spy).toHaveBeenCalledWith(1, 2, 3, 4)
+ })
+ })
+})
diff --git a/spec/spec/types/Base.js b/spec/spec/types/Base.js
new file mode 100644
index 0000000..09ef453
--- /dev/null
+++ b/spec/spec/types/Base.js
@@ -0,0 +1,9 @@
+import Base from '../../../src/types/Base.js'
+
+const { any } = jasmine
+
+describe('Base.js', () => {
+ it('holds the base class', () => {
+ expect(new Base).toEqual(any(Base))
+ })
+})
diff --git a/spec/spec/types/Box.js b/spec/spec/types/Box.js
new file mode 100644
index 0000000..689a3a3
--- /dev/null
+++ b/spec/spec/types/Box.js
@@ -0,0 +1,221 @@
+import { makeInstance as SVG, extend } from '../../../src/utils/adopter.js'
+import { getMethodsFor } from '../../../src/utils/methods.js'
+import { registerWindow } from '../../../src/utils/window.js'
+import Box from '../../../src/types/Box.js'
+import Dom from '../../Dom.js'
+import Gradient from '../../../src/elements/Gradient.js'
+import Matrix from '../../../src/types/Matrix.js'
+import Rect from '../../../src/elements/Rect.js'
+
+const bbox = getMethodsFor('Element').bbox
+const rbox = getMethodsFor('Element').rbox
+const viewbox = getMethodsFor('viewbox').viewbox
+
+const { any, objectContaining, arrayContaining } = jasmine
+
+const getDocument = () => {
+ return typeof document !== "undefined" ? document : Dom.document
+}
+
+const getWindow = () => {
+ return typeof window !== "undefined" ? window : Dom.window
+}
+
+const getBody = () => {
+ const doc = getDocument()
+ return doc.body || doc.documentElement
+}
+
+describe('Box.js', () => {
+ describe('()', () => {
+ it('creates a new Box with default attributes', () => {
+ const box = new Box()
+ expect(box).toEqual(any(Box))
+ expect(box).toEqual(objectContaining({
+ width: 0, height: 0, x: 0, y: 0, w: 0, h: 0, cx: 0, cy: 0, x2: 0, y2: 0
+ }))
+ })
+ })
+
+ describe('init()', () => {
+ it('inits or reinits the box according to input', () => {
+ expect(new Box().init(1,2,3,4).toArray()).toEqual([1,2,3,4])
+ })
+
+ it('works with array input', () => {
+ expect(new Box().init([1,2,3,4]).toArray()).toEqual([1,2,3,4])
+ })
+
+ it('works with 3 arguments as input', () => {
+ expect(new Box().init(1,2,3,4).toArray()).toEqual([1,2,3,4])
+ })
+
+ it('works with string input', () => {
+ expect(new Box().init('1,2,3,4').toArray()).toEqual([1,2,3,4])
+ })
+
+ it('creates a new box from parsed string with exponential values', function() {
+ expect(new Box().init('-1.12e1 1e-2 +2e2 +.3e+4').toArray())
+ .toEqual([-11.2, 0.01, 200, 3000])
+ })
+
+ it('works with object input', () => {
+ expect(new Box().init({x: 1, y: 2, width: 3, height: 4}).toArray())
+ .toEqual([1,2,3,4])
+ })
+
+ it('calculates all derived values correctly', () => {
+ expect(new Box().init(2, 4, 6, 8)).toEqual(objectContaining({
+ cx: 5, cy: 8, x2: 8, y2: 12, w: 6, h: 8
+ }))
+ })
+
+ it('can handle input with left instead of x and top instead of y', () => {
+ expect(new Box().init({left: 1, top: 2, width: 3, height: 4}).toArray())
+ .toEqual([1,2,3,4])
+ })
+ })
+
+ describe('merge()', () => {
+ it('merges various bounding boxes', () => {
+ var box1 = new Box(50, 50, 100, 100)
+ var box2 = new Box(300, 400, 100, 100)
+ var box3 = new Box(500, 100, 100, 100)
+ var merged = box1.merge(box2).merge(box3)
+
+ expect(merged.toArray()).toEqual([50, 50, 550, 450])
+ })
+
+ it('returns a new instance', () => {
+ var box1 = new Box(50, 50, 100, 100)
+ var box2 = new Box(300, 400, 100, 100)
+ var merged = box1.merge(box2)
+
+ expect(merged).toEqual(any(Box))
+ })
+ })
+
+ describe('transform()', () => {
+ it('transforms the box with given matrix', () => {
+ var box1 = new Box(50, 50, 100, 100).transform(new Matrix(1,0,0,1,20,20))
+ var box2 = new Box(50, 50, 100, 100).transform(new Matrix(2,0,0,2,0,0))
+ var box3 = new Box(-200, -200, 100, 100).transform(new Matrix(1,0,0,1,-20,-20))
+
+ expect(box1.toArray()).toEqual([70, 70, 100, 100])
+ expect(box2.toArray()).toEqual([100, 100, 200, 200])
+ expect(box3.toArray()).toEqual([-220, -220, 100, 100])
+ })
+ })
+
+ describe('addOffset()', () => {
+ it('adds the current page offset to the box', () => {
+ registerWindow({pageXOffset: 50, pageYOffset: 25})
+ const box = new Box(100, 100, 100, 100).addOffset()
+
+ expect(box.toArray()).toEqual([150, 125, 100, 100])
+
+ registerWindow()
+ })
+ })
+
+ describe('toString()', () => {
+ it('returns a string representation of the box', () => {
+ expect(new Box(1,2,3,4).toString()).toBe('1 2 3 4')
+ })
+ })
+
+ describe('toArray()', () => {
+ it('returns an array representation of the box', () => {
+ expect(new Box(1,2,3,4).toArray()).toEqual([1,2,3,4])
+ })
+ })
+
+ describe('isNulled()', () => {
+ it('checks if the box consists of only zeros', () => {
+ expect(new Box().isNulled()).toBe(true)
+ expect(new Box(1,2,3,4).isNulled()).toBe(false)
+ })
+ })
+
+ describe('Element', () => {
+ describe('bbox()', () => {
+ beforeEach(() => {
+ registerWindow(getWindow(), getDocument())
+ })
+
+ afterEach(() => {
+ registerWindow()
+ })
+
+ it('returns the bounding box of the element', () => {
+ const canvas = SVG().addTo(getBody())
+ const rect = new Rect().size(100, 200).move(20, 30).addTo(canvas)
+
+ expect(bbox.call(rect)).toEqual(any(Box))
+ expect(bbox.call(rect).toArray()).toEqual([20, 30, 100, 200])
+ })
+
+ it('returns the bounding box of the element even if the node is not in the dom', () => {
+ const rect = new Rect().size(100, 200).move(20, 30)
+ expect(bbox.call(rect).toArray()).toEqual([20, 30, 100, 200])
+ })
+
+ it('throws when it is not possible to get a bbox', () => {
+ const gradient = new Gradient('radial')
+ expect(() => bbox.call(gradient)).toThrow()
+ })
+ })
+
+ describe('rbox()', () => {
+ beforeEach(() => {
+ registerWindow(getWindow(), getDocument())
+ })
+
+ afterEach(() => {
+ registerWindow()
+ })
+
+ it('returns the BoundingClientRect of the element', () => {
+ const canvas = SVG().addTo(getBody())
+ const rect = new Rect().size(100, 200).move(20, 30).addTo(canvas)
+ .attr('transform', new Matrix({scale: 2, translate:[40, 50]}))
+
+ expect(rbox.call(rect)).toEqual(any(Box))
+ expect(rbox.call(rect).toArray()).toEqual([80, 110, 200, 400])
+ })
+
+ it('returns the BoundingClientRect of the element even if the node is not in the dom', () => {
+ const rect = new Rect().size(100, 200).move(20, 30)
+ .attr('transform', new Matrix({scale: 2, translate:[40, 50]}))
+
+ expect(rbox.call(rect).toArray()).toEqual([80, 110, 200, 400])
+ })
+
+ it('throws when it is not possible to get the BoundingClientRect', () => {
+ const gradient = new Gradient('radial')
+ expect(() => rbox.call(gradient)).toThrow()
+ })
+ })
+
+ describe('viewbox()', () => {
+ beforeEach(() => {
+ registerWindow(getWindow(), getDocument())
+ })
+
+ afterEach(() => {
+ registerWindow()
+ })
+
+ it('sets the viewbox of the element', () => {
+ const canvas = viewbox.call(SVG().addTo(getBody()), 10, 10, 200, 200)
+ expect(canvas.attr('viewBox')).toEqual('10 10 200 200')
+ })
+
+ it('gets the viewbox of the element', () => {
+ const canvas = viewbox.call(SVG().addTo(getBody()), 10, 10, 200, 200)
+ expect(viewbox.call(canvas)).toEqual(any(Box))
+ expect(viewbox.call(canvas).toArray()).toEqual([10, 10, 200, 200])
+ })
+ })
+ })
+})
generated by cgit v1.2.3 (git 2.39.1) at 2025-02-08 15:17:28 +0000