Marc Mintel
5397309103
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 20s
Build & Deploy / 🧪 QA (push) Failing after 34s
Build & Deploy / 🏗️ Build (push) Has started running
Build & Deploy / 🚀 Deploy (push) Has been cancelled
Build & Deploy / 🧪 Smoke Test (push) Has been cancelled
Build & Deploy / ⚡ Lighthouse (push) Has been cancelled
Build & Deploy / 🔔 Notify (push) Has been cancelled
68 lines
3.7 KiB
Plaintext
68 lines
3.7 KiB
Plaintext
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
var assert_1 = require("assert");
|
|
var parser_1 = require("../../../syntax/parser");
|
|
var radial_gradient_1 = require("../radial-gradient");
|
|
var color_1 = require("../../color");
|
|
var length_percentage_1 = require("../../length-percentage");
|
|
var parse = function (value) { return radial_gradient_1.radialGradient({}, parser_1.Parser.parseValues(value)[0].values); };
|
|
var colorParse = function (value) { return color_1.color.parse({}, parser_1.Parser.parseValue(value)); };
|
|
describe('functions', function () {
|
|
describe('radial-gradient', function () {
|
|
describe('parsing', function () {
|
|
it('radial-gradient(circle closest-side, #3f87a6, #ebf8e1, #f69d3c)', function () {
|
|
return assert_1.deepStrictEqual(parse('radial-gradient(ellipse closest-side, #3f87a6, #ebf8e1, #f69d3c)'), {
|
|
type: 2 /* RADIAL_GRADIENT */,
|
|
shape: 1 /* ELLIPSE */,
|
|
size: 0 /* CLOSEST_SIDE */,
|
|
position: [],
|
|
stops: [
|
|
{ color: colorParse('#3f87a6'), stop: null },
|
|
{ color: colorParse('#ebf8e1'), stop: null },
|
|
{ color: colorParse('#f69d3c'), stop: null }
|
|
]
|
|
});
|
|
});
|
|
it('radial-gradient(circle at center, red 0, blue, green 100%)', function () {
|
|
return assert_1.deepStrictEqual(parse('radial-gradient(circle at center, red 0, blue, green 100%)'), {
|
|
type: 2 /* RADIAL_GRADIENT */,
|
|
shape: 0 /* CIRCLE */,
|
|
size: 3 /* FARTHEST_CORNER */,
|
|
position: [length_percentage_1.FIFTY_PERCENT],
|
|
stops: [
|
|
{ color: colorParse('red'), stop: { type: 17 /* NUMBER_TOKEN */, number: 0, flags: 4 } },
|
|
{ color: colorParse('blue'), stop: null },
|
|
{ color: colorParse('green'), stop: { type: 16 /* PERCENTAGE_TOKEN */, number: 100, flags: 4 } }
|
|
]
|
|
});
|
|
});
|
|
it('radial-gradient(circle at 100%, #333, #333 50%, #eee 75%, #333 75%)', function () {
|
|
return assert_1.deepStrictEqual(parse('radial-gradient(circle at 100%, #333, #333 50%, #eee 75%, #333 75%)'), {
|
|
type: 2 /* RADIAL_GRADIENT */,
|
|
shape: 0 /* CIRCLE */,
|
|
size: 3 /* FARTHEST_CORNER */,
|
|
position: [length_percentage_1.HUNDRED_PERCENT],
|
|
stops: [
|
|
{ color: colorParse('#333'), stop: null },
|
|
{ color: colorParse('#333'), stop: { type: 16 /* PERCENTAGE_TOKEN */, number: 50, flags: 4 } },
|
|
{ color: colorParse('#eee'), stop: { type: 16 /* PERCENTAGE_TOKEN */, number: 75, flags: 4 } },
|
|
{ color: colorParse('#333'), stop: { type: 16 /* PERCENTAGE_TOKEN */, number: 75, flags: 4 } }
|
|
]
|
|
});
|
|
});
|
|
it('radial-gradient(20px, red, blue)', function () {
|
|
return assert_1.deepStrictEqual(parse('radial-gradient(20px, red, blue)'), {
|
|
type: 2 /* RADIAL_GRADIENT */,
|
|
shape: 0 /* CIRCLE */,
|
|
size: [{ type: 15 /* DIMENSION_TOKEN */, number: 20, flags: 4, unit: 'px' }],
|
|
position: [],
|
|
stops: [
|
|
{ color: colorParse('red'), stop: null },
|
|
{ color: colorParse('blue'), stop: null }
|
|
]
|
|
});
|
|
});
|
|
});
|
|
});
|
|
});
|
|
//# sourceMappingURL=radial-gradient.js.map |