From: Ulrich-Matthias Schäfer Date: Wed, 29 Apr 2020 10:57:11 +0000 (+1000) Subject: finish tests for SVGNumber X-Git-Tag: 3.1.0~34 X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=9a17f412b894c21db7f81bcc910981443477957f;p=svg.js.git finish tests for SVGNumber --- diff --git a/spec/spec/types/SVGNumber.js b/spec/spec/types/SVGNumber.js index d7ef2fd..1660724 100644 --- a/spec/spec/types/SVGNumber.js +++ b/spec/spec/types/SVGNumber.js @@ -5,52 +5,61 @@ import { Number as SVGNumber } from '../../../src/main.js' const { any } = jasmine describe('Number.js', () => { - var number + let number beforeEach(() => { number = new SVGNumber() }) - describe('new', () => { + describe('()', () => { it('is zero', () => { expect(number.value).toBe(0) }) + it('has a blank unit', () => { expect(number.unit).toBe('') }) + it('accepts the unit as a second argument', () => { number = new SVGNumber(30, '%') expect(number.value).toBe(30) expect(number.unit).toBe('%') }) + it('parses a pixel value', () => { number = new SVGNumber('20px') expect(number.value).toBe(20) expect(number.unit).toBe('px') }) + it('parses a percent value', () => { number = new SVGNumber('99%') expect(number.value).toBe(0.99) expect(number.unit).toBe('%') }) + it('parses a seconds value', () => { number = new SVGNumber('2s') expect(number.value).toBe(2000) expect(number.unit).toBe('s') }) + it('parses a negative percent value', () => { number = new SVGNumber('-89%') expect(number.value).toBe(-0.89) expect(number.unit).toBe('%') }) + it('falls back to 0 if given value is NaN', () => { number = new SVGNumber(NaN) expect(number.value).toBe(0) }) + it('falls back to maximum value if given number is positive infinite', () => { number = new SVGNumber(1.7976931348623157E+10308) expect(number.value).toBe(3.4e+38) }) + it('falls back to minimum value if given number is negative infinite', () => { number = new SVGNumber(-1.7976931348623157E+10308) expect(number.value).toBe(-3.4e+38) @@ -61,16 +70,19 @@ describe('Number.js', () => { it('converts the number to a string', () => { expect(number.toString()).toBe('0') }) + it('appends the unit', () => { number.value = 1.21 number.unit = 'px' expect(number.toString()).toBe('1.21px') }) + it('converts percent values properly', () => { number.value = 1.36 number.unit = '%' expect(number.toString()).toBe('136%') }) + it('converts second values properly', () => { number.value = 2500 number.unit = 's' @@ -86,14 +98,17 @@ describe('Number.js', () => { number = new SVGNumber(13) expect(typeof number.valueOf()).toBe('number') }) + it('returns a numeric value for pixel units', () => { number = new SVGNumber('10px') expect(typeof number.valueOf()).toBe('number') }) + it('returns a numeric value for percent units', () => { number = new SVGNumber('20%') expect(typeof number.valueOf()).toBe('number') }) + it('converts to a primitive when multiplying', () => { number.value = 80 expect(number * 4).toBe(320) @@ -105,18 +120,23 @@ describe('Number.js', () => { expect(number.plus(4.5)).not.toBe(number) expect(number.plus(4.5)).toEqual(any(SVGNumber)) }) + it('adds a given number', () => { expect(number.plus(3.5).valueOf()).toBe(3.5) }) + it('adds a given percentage value', () => { expect(number.plus('225%').valueOf()).toBe(2.25) }) + it('adds a given pixel value', () => { expect(number.plus('83px').valueOf()).toBe(83) }) + it('use the unit of this number as the unit of the returned number by default', () => { expect(new SVGNumber('12s').plus('3%').unit).toBe('s') }) + it('use the unit of the passed number as the unit of the returned number when this number as no unit', () => { expect(number.plus('15%').unit).toBe('%') }) @@ -126,15 +146,19 @@ describe('Number.js', () => { it('subtracts a given number', () => { expect(number.minus(3.7).valueOf()).toBe(-3.7) }) + it('subtracts a given percentage value', () => { expect(number.minus('223%').valueOf()).toBe(-2.23) }) + it('subtracts a given pixel value', () => { expect(number.minus('85px').valueOf()).toBe(-85) }) + it('use the unit of this number as the unit of the returned number by default', () => { expect(new SVGNumber('12s').minus('3%').unit).toBe('s') }) + it('use the unit of the passed number as the unit of the returned number when this number as no unit', () => { expect(number.minus('15%').unit).toBe('%') }) @@ -144,18 +168,23 @@ describe('Number.js', () => { beforeEach(() => { number = number.plus(4) }) + it('multiplies with a given number', () => { expect(number.times(3).valueOf()).toBe(12) }) + it('multiplies with a given percentage value', () => { expect(number.times('110%').valueOf()).toBe(4.4) }) + it('multiplies with a given pixel value', () => { expect(number.times('85px').valueOf()).toBe(340) }) + it('use the unit of this number as the unit of the returned number by default', () => { expect(new SVGNumber('12s').times('3%').unit).toBe('s') }) + it('use the unit of the passed number as the unit of the returned number when this number as no unit', () => { expect(number.times('15%').unit).toBe('%') }) @@ -165,20 +194,32 @@ describe('Number.js', () => { beforeEach(() => { number = number.plus(90) }) + it('divides by a given number', () => { expect(number.divide(3).valueOf()).toBe(30) }) + it('divides by a given percentage value', () => { expect(number.divide('3000%').valueOf()).toBe(3) }) + it('divides by a given pixel value', () => { expect(number.divide('45px').valueOf()).toBe(2) }) + it('use the unit of this number as the unit of the returned number by default', () => { expect(new SVGNumber('12s').divide('3%').unit).toBe('s') }) + it('use the unit of the passed number as the unit of the returned number when this number as no unit', () => { expect(number.divide('15%').unit).toBe('%') }) }) + + describe('convert()', () => { + it('changes the unit of the number', () => { + const number = new SVGNumber('12px').convert('%') + expect(number.toString()).toBe('1200%') + }) + }) })