Compare commits
No commits in common. "master" and "0.1.5" have entirely different histories.
13 changed files with 42 additions and 11681 deletions
3
Makefile
3
Makefile
|
|
@ -1,5 +1,2 @@
|
|||
all:
|
||||
python -m SimpleHTTPServer 3000
|
||||
|
||||
test:
|
||||
grunt
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "gradient-parser",
|
||||
"version": "1.0.0",
|
||||
"version": "0.1.5",
|
||||
"main": "build/web.js",
|
||||
"ignore": [
|
||||
".editorconfig",
|
||||
|
|
@ -10,12 +10,14 @@
|
|||
".npmignore",
|
||||
".travis.yml",
|
||||
".umd",
|
||||
"gulpfile.js",
|
||||
"npm-shrinkwrap.json",
|
||||
"package.json",
|
||||
"index.html",
|
||||
"Makefile",
|
||||
"build/node.js",
|
||||
"README.md",
|
||||
"*.js",
|
||||
"gruntfile.js",
|
||||
"lib/*",
|
||||
"spec/*",
|
||||
"LICENSE"
|
||||
|
|
|
|||
195
build/node.js
195
build/node.js
|
|
@ -2,174 +2,7 @@
|
|||
// Use of this source code is governed by a BSD-style license that can be
|
||||
// found in the LICENSE file.
|
||||
|
||||
var GradientParser = (GradientParser || {});
|
||||
|
||||
GradientParser.stringify = (function() {
|
||||
|
||||
var visitor = {
|
||||
|
||||
'visit_linear-gradient': function(node) {
|
||||
return visitor.visit_gradient(node);
|
||||
},
|
||||
|
||||
'visit_repeating-linear-gradient': function(node) {
|
||||
return visitor.visit_gradient(node);
|
||||
},
|
||||
|
||||
'visit_radial-gradient': function(node) {
|
||||
return visitor.visit_gradient(node);
|
||||
},
|
||||
|
||||
'visit_repeating-radial-gradient': function(node) {
|
||||
return visitor.visit_gradient(node);
|
||||
},
|
||||
|
||||
'visit_gradient': function(node) {
|
||||
var orientation = visitor.visit(node.orientation);
|
||||
if (orientation) {
|
||||
orientation += ', ';
|
||||
}
|
||||
|
||||
return node.type + '(' + orientation + visitor.visit(node.colorStops) + ')';
|
||||
},
|
||||
|
||||
'visit_shape': function(node) {
|
||||
var result = node.value,
|
||||
at = visitor.visit(node.at),
|
||||
style = visitor.visit(node.style);
|
||||
|
||||
if (style) {
|
||||
result += ' ' + style;
|
||||
}
|
||||
|
||||
if (at) {
|
||||
result += ' at ' + at;
|
||||
}
|
||||
|
||||
return result;
|
||||
},
|
||||
|
||||
'visit_default-radial': function(node) {
|
||||
var result = '',
|
||||
at = visitor.visit(node.at);
|
||||
|
||||
if (at) {
|
||||
result += at;
|
||||
}
|
||||
return result;
|
||||
},
|
||||
|
||||
'visit_extent-keyword': function(node) {
|
||||
var result = node.value,
|
||||
at = visitor.visit(node.at);
|
||||
|
||||
if (at) {
|
||||
result += ' at ' + at;
|
||||
}
|
||||
|
||||
return result;
|
||||
},
|
||||
|
||||
'visit_position-keyword': function(node) {
|
||||
return node.value;
|
||||
},
|
||||
|
||||
'visit_position': function(node) {
|
||||
return visitor.visit(node.value.x) + ' ' + visitor.visit(node.value.y);
|
||||
},
|
||||
|
||||
'visit_%': function(node) {
|
||||
return node.value + '%';
|
||||
},
|
||||
|
||||
'visit_em': function(node) {
|
||||
return node.value + 'em';
|
||||
},
|
||||
|
||||
'visit_px': function(node) {
|
||||
return node.value + 'px';
|
||||
},
|
||||
|
||||
'visit_literal': function(node) {
|
||||
return visitor.visit_color(node.value, node);
|
||||
},
|
||||
|
||||
'visit_hex': function(node) {
|
||||
return visitor.visit_color('#' + node.value, node);
|
||||
},
|
||||
|
||||
'visit_rgb': function(node) {
|
||||
return visitor.visit_color('rgb(' + node.value.join(', ') + ')', node);
|
||||
},
|
||||
|
||||
'visit_rgba': function(node) {
|
||||
return visitor.visit_color('rgba(' + node.value.join(', ') + ')', node);
|
||||
},
|
||||
|
||||
'visit_color': function(resultColor, node) {
|
||||
var result = resultColor,
|
||||
length = visitor.visit(node.length);
|
||||
|
||||
if (length) {
|
||||
result += ' ' + length;
|
||||
}
|
||||
return result;
|
||||
},
|
||||
|
||||
'visit_angular': function(node) {
|
||||
return node.value + 'deg';
|
||||
},
|
||||
|
||||
'visit_directional': function(node) {
|
||||
return 'to ' + node.value;
|
||||
},
|
||||
|
||||
'visit_array': function(elements) {
|
||||
var result = '',
|
||||
size = elements.length;
|
||||
|
||||
elements.forEach(function(element, i) {
|
||||
result += visitor.visit(element);
|
||||
if (i < size - 1) {
|
||||
result += ', ';
|
||||
}
|
||||
});
|
||||
|
||||
return result;
|
||||
},
|
||||
|
||||
'visit': function(element) {
|
||||
if (!element) {
|
||||
return '';
|
||||
}
|
||||
var result = '';
|
||||
|
||||
if (element instanceof Array) {
|
||||
return visitor.visit_array(element, result);
|
||||
} else if (element.type) {
|
||||
var nodeVisitor = visitor['visit_' + element.type];
|
||||
if (nodeVisitor) {
|
||||
return nodeVisitor(element);
|
||||
} else {
|
||||
throw Error('Missing visitor visit_' + element.type);
|
||||
}
|
||||
} else {
|
||||
throw Error('Invalid node.');
|
||||
}
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
return function(root) {
|
||||
return visitor.visit(root);
|
||||
};
|
||||
})();
|
||||
|
||||
// Copyright (c) 2014 Rafael Caricio. All rights reserved.
|
||||
// Use of this source code is governed by a BSD-style license that can be
|
||||
// found in the LICENSE file.
|
||||
|
||||
var GradientParser = (GradientParser || {});
|
||||
var GradientParser = {};
|
||||
|
||||
GradientParser.parse = (function() {
|
||||
|
||||
|
|
@ -265,7 +98,7 @@ GradientParser.parse = (function() {
|
|||
error('Missing (');
|
||||
}
|
||||
|
||||
var result = callback(captures);
|
||||
result = callback(captures);
|
||||
|
||||
if (!scan(tokens.endCall)) {
|
||||
error('Missing )');
|
||||
|
|
@ -318,21 +151,12 @@ GradientParser.parse = (function() {
|
|||
if (radialType) {
|
||||
radialType.at = matchAtPosition();
|
||||
} else {
|
||||
var extent = matchExtentKeyword();
|
||||
if (extent) {
|
||||
radialType = extent;
|
||||
var positionAt = matchAtPosition();
|
||||
if (positionAt) {
|
||||
radialType.at = positionAt;
|
||||
}
|
||||
} else {
|
||||
var defaultPosition = matchPositioning();
|
||||
if (defaultPosition) {
|
||||
radialType = {
|
||||
type: 'default-radial',
|
||||
at: defaultPosition
|
||||
};
|
||||
}
|
||||
var defaultPosition = matchPositioning();
|
||||
if (defaultPosition) {
|
||||
radialType = {
|
||||
type: 'default-radial',
|
||||
at: defaultPosition
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -512,5 +336,4 @@ GradientParser.parse = (function() {
|
|||
};
|
||||
})();
|
||||
|
||||
exports.parse = GradientParser.parse;
|
||||
exports.stringify = GradientParser.stringify;
|
||||
exports.parse = (GradientParser || {}).parse;
|
||||
|
|
|
|||
194
build/web.js
194
build/web.js
|
|
@ -1,10 +1,8 @@
|
|||
var GradientParser = (window.GradientParser || {});
|
||||
|
||||
// Copyright (c) 2014 Rafael Caricio. All rights reserved.
|
||||
// Use of this source code is governed by a BSD-style license that can be
|
||||
// found in the LICENSE file.
|
||||
|
||||
var GradientParser = (GradientParser || {});
|
||||
var GradientParser = {};
|
||||
|
||||
GradientParser.parse = (function() {
|
||||
|
||||
|
|
@ -100,7 +98,7 @@ GradientParser.parse = (function() {
|
|||
error('Missing (');
|
||||
}
|
||||
|
||||
var result = callback(captures);
|
||||
result = callback(captures);
|
||||
|
||||
if (!scan(tokens.endCall)) {
|
||||
error('Missing )');
|
||||
|
|
@ -153,21 +151,12 @@ GradientParser.parse = (function() {
|
|||
if (radialType) {
|
||||
radialType.at = matchAtPosition();
|
||||
} else {
|
||||
var extent = matchExtentKeyword();
|
||||
if (extent) {
|
||||
radialType = extent;
|
||||
var positionAt = matchAtPosition();
|
||||
if (positionAt) {
|
||||
radialType.at = positionAt;
|
||||
}
|
||||
} else {
|
||||
var defaultPosition = matchPositioning();
|
||||
if (defaultPosition) {
|
||||
radialType = {
|
||||
type: 'default-radial',
|
||||
at: defaultPosition
|
||||
};
|
||||
}
|
||||
var defaultPosition = matchPositioning();
|
||||
if (defaultPosition) {
|
||||
radialType = {
|
||||
type: 'default-radial',
|
||||
at: defaultPosition
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -346,170 +335,3 @@ GradientParser.parse = (function() {
|
|||
return getAST();
|
||||
};
|
||||
})();
|
||||
|
||||
// Copyright (c) 2014 Rafael Caricio. All rights reserved.
|
||||
// Use of this source code is governed by a BSD-style license that can be
|
||||
// found in the LICENSE file.
|
||||
|
||||
var GradientParser = (GradientParser || {});
|
||||
|
||||
GradientParser.stringify = (function() {
|
||||
|
||||
var visitor = {
|
||||
|
||||
'visit_linear-gradient': function(node) {
|
||||
return visitor.visit_gradient(node);
|
||||
},
|
||||
|
||||
'visit_repeating-linear-gradient': function(node) {
|
||||
return visitor.visit_gradient(node);
|
||||
},
|
||||
|
||||
'visit_radial-gradient': function(node) {
|
||||
return visitor.visit_gradient(node);
|
||||
},
|
||||
|
||||
'visit_repeating-radial-gradient': function(node) {
|
||||
return visitor.visit_gradient(node);
|
||||
},
|
||||
|
||||
'visit_gradient': function(node) {
|
||||
var orientation = visitor.visit(node.orientation);
|
||||
if (orientation) {
|
||||
orientation += ', ';
|
||||
}
|
||||
|
||||
return node.type + '(' + orientation + visitor.visit(node.colorStops) + ')';
|
||||
},
|
||||
|
||||
'visit_shape': function(node) {
|
||||
var result = node.value,
|
||||
at = visitor.visit(node.at),
|
||||
style = visitor.visit(node.style);
|
||||
|
||||
if (style) {
|
||||
result += ' ' + style;
|
||||
}
|
||||
|
||||
if (at) {
|
||||
result += ' at ' + at;
|
||||
}
|
||||
|
||||
return result;
|
||||
},
|
||||
|
||||
'visit_default-radial': function(node) {
|
||||
var result = '',
|
||||
at = visitor.visit(node.at);
|
||||
|
||||
if (at) {
|
||||
result += at;
|
||||
}
|
||||
return result;
|
||||
},
|
||||
|
||||
'visit_extent-keyword': function(node) {
|
||||
var result = node.value,
|
||||
at = visitor.visit(node.at);
|
||||
|
||||
if (at) {
|
||||
result += ' at ' + at;
|
||||
}
|
||||
|
||||
return result;
|
||||
},
|
||||
|
||||
'visit_position-keyword': function(node) {
|
||||
return node.value;
|
||||
},
|
||||
|
||||
'visit_position': function(node) {
|
||||
return visitor.visit(node.value.x) + ' ' + visitor.visit(node.value.y);
|
||||
},
|
||||
|
||||
'visit_%': function(node) {
|
||||
return node.value + '%';
|
||||
},
|
||||
|
||||
'visit_em': function(node) {
|
||||
return node.value + 'em';
|
||||
},
|
||||
|
||||
'visit_px': function(node) {
|
||||
return node.value + 'px';
|
||||
},
|
||||
|
||||
'visit_literal': function(node) {
|
||||
return visitor.visit_color(node.value, node);
|
||||
},
|
||||
|
||||
'visit_hex': function(node) {
|
||||
return visitor.visit_color('#' + node.value, node);
|
||||
},
|
||||
|
||||
'visit_rgb': function(node) {
|
||||
return visitor.visit_color('rgb(' + node.value.join(', ') + ')', node);
|
||||
},
|
||||
|
||||
'visit_rgba': function(node) {
|
||||
return visitor.visit_color('rgba(' + node.value.join(', ') + ')', node);
|
||||
},
|
||||
|
||||
'visit_color': function(resultColor, node) {
|
||||
var result = resultColor,
|
||||
length = visitor.visit(node.length);
|
||||
|
||||
if (length) {
|
||||
result += ' ' + length;
|
||||
}
|
||||
return result;
|
||||
},
|
||||
|
||||
'visit_angular': function(node) {
|
||||
return node.value + 'deg';
|
||||
},
|
||||
|
||||
'visit_directional': function(node) {
|
||||
return 'to ' + node.value;
|
||||
},
|
||||
|
||||
'visit_array': function(elements) {
|
||||
var result = '',
|
||||
size = elements.length;
|
||||
|
||||
elements.forEach(function(element, i) {
|
||||
result += visitor.visit(element);
|
||||
if (i < size - 1) {
|
||||
result += ', ';
|
||||
}
|
||||
});
|
||||
|
||||
return result;
|
||||
},
|
||||
|
||||
'visit': function(element) {
|
||||
if (!element) {
|
||||
return '';
|
||||
}
|
||||
var result = '';
|
||||
|
||||
if (element instanceof Array) {
|
||||
return visitor.visit_array(element, result);
|
||||
} else if (element.type) {
|
||||
var nodeVisitor = visitor['visit_' + element.type];
|
||||
if (nodeVisitor) {
|
||||
return nodeVisitor(element);
|
||||
} else {
|
||||
throw Error('Missing visitor visit_' + element.type);
|
||||
}
|
||||
} else {
|
||||
throw Error('Invalid node.');
|
||||
}
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
return function(root) {
|
||||
return visitor.visit(root);
|
||||
};
|
||||
})();
|
||||
|
|
|
|||
|
|
@ -19,8 +19,8 @@ module.exports = function (grunt) {
|
|||
concat: {
|
||||
release: {
|
||||
files: {
|
||||
'build/node.js': ['lib/stringify.js', 'lib/parser.js', 'index.js'],
|
||||
'build/web.js': ['webify.js', 'lib/parser.js', 'lib/stringify.js']
|
||||
'build/node.js': ['lib/parser.js', 'index.js'],
|
||||
'build/web.js': ['lib/parser.js']
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
3
index.js
3
index.js
|
|
@ -1,2 +1 @@
|
|||
exports.parse = GradientParser.parse;
|
||||
exports.stringify = GradientParser.stringify;
|
||||
exports.parse = (GradientParser || {}).parse;
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
// Use of this source code is governed by a BSD-style license that can be
|
||||
// found in the LICENSE file.
|
||||
|
||||
var GradientParser = (GradientParser || {});
|
||||
var GradientParser = {};
|
||||
|
||||
GradientParser.parse = (function() {
|
||||
|
||||
|
|
@ -11,7 +11,7 @@ GradientParser.parse = (function() {
|
|||
repeatingLinearGradient: /^(\-(webkit|o|ms|moz)\-)?(repeating\-linear\-gradient)/i,
|
||||
radialGradient: /^(\-(webkit|o|ms|moz)\-)?(radial\-gradient)/i,
|
||||
repeatingRadialGradient: /^(\-(webkit|o|ms|moz)\-)?(repeating\-radial\-gradient)/i,
|
||||
sideOrCorner: /^to (left (top|bottom)|right (top|bottom)|top (left|right)|bottom (left|right)|left|right|top|bottom)/i,
|
||||
sideOrCorner: /^to (left (top|bottom)|right (top|bottom)|left|right|top|bottom)/i,
|
||||
extentKeywords: /^(closest\-side|closest\-corner|farthest\-side|farthest\-corner|contain|cover)/,
|
||||
positionKeywords: /^(left|center|right|top|bottom)/i,
|
||||
pixelValue: /^(-?(([0-9]*\.[0-9]+)|([0-9]+\.?)))px/,
|
||||
|
|
@ -98,7 +98,7 @@ GradientParser.parse = (function() {
|
|||
error('Missing (');
|
||||
}
|
||||
|
||||
var result = callback(captures);
|
||||
result = callback(captures);
|
||||
|
||||
if (!scan(tokens.endCall)) {
|
||||
error('Missing )');
|
||||
|
|
@ -151,21 +151,12 @@ GradientParser.parse = (function() {
|
|||
if (radialType) {
|
||||
radialType.at = matchAtPosition();
|
||||
} else {
|
||||
var extent = matchExtentKeyword();
|
||||
if (extent) {
|
||||
radialType = extent;
|
||||
var positionAt = matchAtPosition();
|
||||
if (positionAt) {
|
||||
radialType.at = positionAt;
|
||||
}
|
||||
} else {
|
||||
var defaultPosition = matchPositioning();
|
||||
if (defaultPosition) {
|
||||
radialType = {
|
||||
type: 'default-radial',
|
||||
at: defaultPosition
|
||||
};
|
||||
}
|
||||
var defaultPosition = matchPositioning();
|
||||
if (defaultPosition) {
|
||||
radialType = {
|
||||
type: 'default-radial',
|
||||
at: defaultPosition
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
166
lib/stringify.js
166
lib/stringify.js
|
|
@ -1,166 +0,0 @@
|
|||
// Copyright (c) 2014 Rafael Caricio. All rights reserved.
|
||||
// Use of this source code is governed by a BSD-style license that can be
|
||||
// found in the LICENSE file.
|
||||
|
||||
var GradientParser = (GradientParser || {});
|
||||
|
||||
GradientParser.stringify = (function() {
|
||||
|
||||
var visitor = {
|
||||
|
||||
'visit_linear-gradient': function(node) {
|
||||
return visitor.visit_gradient(node);
|
||||
},
|
||||
|
||||
'visit_repeating-linear-gradient': function(node) {
|
||||
return visitor.visit_gradient(node);
|
||||
},
|
||||
|
||||
'visit_radial-gradient': function(node) {
|
||||
return visitor.visit_gradient(node);
|
||||
},
|
||||
|
||||
'visit_repeating-radial-gradient': function(node) {
|
||||
return visitor.visit_gradient(node);
|
||||
},
|
||||
|
||||
'visit_gradient': function(node) {
|
||||
var orientation = visitor.visit(node.orientation);
|
||||
if (orientation) {
|
||||
orientation += ', ';
|
||||
}
|
||||
|
||||
return node.type + '(' + orientation + visitor.visit(node.colorStops) + ')';
|
||||
},
|
||||
|
||||
'visit_shape': function(node) {
|
||||
var result = node.value,
|
||||
at = visitor.visit(node.at),
|
||||
style = visitor.visit(node.style);
|
||||
|
||||
if (style) {
|
||||
result += ' ' + style;
|
||||
}
|
||||
|
||||
if (at) {
|
||||
result += ' at ' + at;
|
||||
}
|
||||
|
||||
return result;
|
||||
},
|
||||
|
||||
'visit_default-radial': function(node) {
|
||||
var result = '',
|
||||
at = visitor.visit(node.at);
|
||||
|
||||
if (at) {
|
||||
result += at;
|
||||
}
|
||||
return result;
|
||||
},
|
||||
|
||||
'visit_extent-keyword': function(node) {
|
||||
var result = node.value,
|
||||
at = visitor.visit(node.at);
|
||||
|
||||
if (at) {
|
||||
result += ' at ' + at;
|
||||
}
|
||||
|
||||
return result;
|
||||
},
|
||||
|
||||
'visit_position-keyword': function(node) {
|
||||
return node.value;
|
||||
},
|
||||
|
||||
'visit_position': function(node) {
|
||||
return visitor.visit(node.value.x) + ' ' + visitor.visit(node.value.y);
|
||||
},
|
||||
|
||||
'visit_%': function(node) {
|
||||
return node.value + '%';
|
||||
},
|
||||
|
||||
'visit_em': function(node) {
|
||||
return node.value + 'em';
|
||||
},
|
||||
|
||||
'visit_px': function(node) {
|
||||
return node.value + 'px';
|
||||
},
|
||||
|
||||
'visit_literal': function(node) {
|
||||
return visitor.visit_color(node.value, node);
|
||||
},
|
||||
|
||||
'visit_hex': function(node) {
|
||||
return visitor.visit_color('#' + node.value, node);
|
||||
},
|
||||
|
||||
'visit_rgb': function(node) {
|
||||
return visitor.visit_color('rgb(' + node.value.join(', ') + ')', node);
|
||||
},
|
||||
|
||||
'visit_rgba': function(node) {
|
||||
return visitor.visit_color('rgba(' + node.value.join(', ') + ')', node);
|
||||
},
|
||||
|
||||
'visit_color': function(resultColor, node) {
|
||||
var result = resultColor,
|
||||
length = visitor.visit(node.length);
|
||||
|
||||
if (length) {
|
||||
result += ' ' + length;
|
||||
}
|
||||
return result;
|
||||
},
|
||||
|
||||
'visit_angular': function(node) {
|
||||
return node.value + 'deg';
|
||||
},
|
||||
|
||||
'visit_directional': function(node) {
|
||||
return 'to ' + node.value;
|
||||
},
|
||||
|
||||
'visit_array': function(elements) {
|
||||
var result = '',
|
||||
size = elements.length;
|
||||
|
||||
elements.forEach(function(element, i) {
|
||||
result += visitor.visit(element);
|
||||
if (i < size - 1) {
|
||||
result += ', ';
|
||||
}
|
||||
});
|
||||
|
||||
return result;
|
||||
},
|
||||
|
||||
'visit': function(element) {
|
||||
if (!element) {
|
||||
return '';
|
||||
}
|
||||
var result = '';
|
||||
|
||||
if (element instanceof Array) {
|
||||
return visitor.visit_array(element, result);
|
||||
} else if (element.type) {
|
||||
var nodeVisitor = visitor['visit_' + element.type];
|
||||
if (nodeVisitor) {
|
||||
return nodeVisitor(element);
|
||||
} else {
|
||||
throw Error('Missing visitor visit_' + element.type);
|
||||
}
|
||||
} else {
|
||||
throw Error('Invalid node.');
|
||||
}
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
return function(root) {
|
||||
return visitor.visit(root);
|
||||
};
|
||||
})();
|
||||
10999
package-lock.json
generated
10999
package-lock.json
generated
File diff suppressed because it is too large
Load diff
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "gradient-parser",
|
||||
"version": "1.0.2",
|
||||
"version": "0.1.5",
|
||||
"description": "Parse CSS3 gradient definitions and return an AST.",
|
||||
"author": {
|
||||
"name": "Rafael Carcicio",
|
||||
|
|
@ -32,8 +32,8 @@
|
|||
"css3",
|
||||
"parser"
|
||||
],
|
||||
"dependencies": {},
|
||||
"devDependencies": {
|
||||
"expect.js": "*",
|
||||
"grunt": "*",
|
||||
"grunt-browserify": "^3.0.1",
|
||||
"grunt-complexity": "*",
|
||||
|
|
|
|||
|
|
@ -1,10 +1,10 @@
|
|||
'use strict';
|
||||
|
||||
var expect = require('expect.js');
|
||||
var gradients = require('../build/node');
|
||||
var gradients = require('build/node');
|
||||
|
||||
|
||||
describe('lib/parser.js', function () {
|
||||
describe('gradient-parser.js', function () {
|
||||
var ast,
|
||||
subject;
|
||||
|
||||
|
|
@ -113,7 +113,7 @@ describe('lib/parser.js', function () {
|
|||
].forEach(function(metric) {
|
||||
describe('parse color stop for metric '+ metric, function() {
|
||||
beforeEach(function() {
|
||||
ast = gradients.parse('linear-gradient(blue 10.3' + metric + ', transparent)');
|
||||
ast = gradients.parse('linear-gradient(blue 10' + metric + ', transparent)');
|
||||
subject = ast[0];
|
||||
});
|
||||
|
||||
|
|
@ -124,7 +124,7 @@ describe('lib/parser.js', function () {
|
|||
|
||||
it('should have the length', function() {
|
||||
expect(subject.length.type).to.equal(metric);
|
||||
expect(subject.length.value).to.equal('10.3');
|
||||
expect(subject.length.value).to.equal('10');
|
||||
});
|
||||
});
|
||||
});
|
||||
|
|
@ -133,12 +133,8 @@ describe('lib/parser.js', function () {
|
|||
|
||||
describe('parse all linear directional', function() {
|
||||
[
|
||||
{type: 'angular', unparsedValue: '-145deg', value: '-145'},
|
||||
{type: 'directional', unparsedValue: 'to left top', value: 'left top'},
|
||||
{type: 'directional', unparsedValue: 'to top left', value: 'top left'},
|
||||
{type: 'directional', unparsedValue: 'to top right', value: 'top right'},
|
||||
{type: 'directional', unparsedValue: 'to bottom left', value: 'bottom left'},
|
||||
{type: 'directional', unparsedValue: 'to bottom right', value: 'bottom right'}
|
||||
{type: 'angular', unparsedValue: '145deg', value: '145'},
|
||||
{type: 'directional', unparsedValue: 'to left top', value: 'left top'}
|
||||
].forEach(function(orientation) {
|
||||
describe('parse orientation ' + orientation.type, function() {
|
||||
beforeEach(function() {
|
||||
|
|
@ -201,10 +197,7 @@ describe('lib/parser.js', function () {
|
|||
'ellipse cover',
|
||||
'circle cover',
|
||||
'center bottom, ellipse cover',
|
||||
'circle at 87.23px -58.3px',
|
||||
'farthest-side, red, blue',
|
||||
'farthest-corner, red, blue',
|
||||
'farthest-corner at 87.23px -58.3px, red, blue'
|
||||
'circle at 87.23px -58.3px'
|
||||
].forEach(function(declaration) {
|
||||
|
||||
it('should parse ' + declaration + ' declaration', function() {
|
||||
|
|
|
|||
|
|
@ -1,100 +0,0 @@
|
|||
'use strict';
|
||||
|
||||
var expect = require('expect.js');
|
||||
var gradients = require('../build/node');
|
||||
|
||||
function pprint(ast) {
|
||||
console.log(JSON.stringify(ast, true, 2));
|
||||
}
|
||||
|
||||
describe('lib/stringify.js', function () {
|
||||
var subject;
|
||||
|
||||
it('should exist', function () {
|
||||
expect(typeof gradients.stringify).to.equal('function');
|
||||
});
|
||||
|
||||
describe('serialization', function() {
|
||||
|
||||
it('if tree is null', function() {
|
||||
expect(gradients.stringify(null)).to.equal('');
|
||||
});
|
||||
|
||||
it('should serialize a simple gradient', function() {
|
||||
var gradientDef = 'linear-gradient(black, white)';
|
||||
expect(gradients.stringify(gradients.parse(gradientDef))).to.equal(gradientDef);
|
||||
});
|
||||
|
||||
it('should serialize gradient with hex', function() {
|
||||
var gradientDef = 'linear-gradient(#fff, white)';
|
||||
expect(gradients.stringify(gradients.parse(gradientDef))).to.equal(gradientDef);
|
||||
});
|
||||
|
||||
it('should serialize gradient with rgb', function() {
|
||||
var gradientDef = 'linear-gradient(rgb(1, 2, 3), white)';
|
||||
expect(gradients.stringify(gradients.parse(gradientDef))).to.equal(gradientDef);
|
||||
});
|
||||
|
||||
it('should serialize gradient with rgba', function() {
|
||||
var gradientDef = 'linear-gradient(rgba(1, 2, 3, .0), white)';
|
||||
expect(gradients.stringify(gradients.parse(gradientDef))).to.equal(gradientDef);
|
||||
});
|
||||
|
||||
it('should serialize gradient with deg', function() {
|
||||
var gradientDef = 'linear-gradient(45deg, #fff, transparent)';
|
||||
expect(gradients.stringify(gradients.parse(gradientDef))).to.equal(gradientDef);
|
||||
});
|
||||
|
||||
it('should serialize gradient with directional', function() {
|
||||
var gradientDef = 'linear-gradient(to left, #fff, transparent)';
|
||||
expect(gradients.stringify(gradients.parse(gradientDef))).to.equal(gradientDef);
|
||||
});
|
||||
|
||||
describe('all metric values', function() {
|
||||
[
|
||||
'px',
|
||||
'em',
|
||||
'%'
|
||||
].forEach(function(metric) {
|
||||
var expectedResult;
|
||||
|
||||
describe('stringify color stop for metric '+ metric, function() {
|
||||
beforeEach(function() {
|
||||
expectedResult = 'linear-gradient(blue 10.3' + metric + ', transparent)';
|
||||
var ast = gradients.parse(expectedResult);
|
||||
subject = gradients.stringify(ast);
|
||||
});
|
||||
|
||||
it('should result as expected', function() {
|
||||
expect(subject).to.equal(expectedResult);
|
||||
});
|
||||
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe('different radial declarations', function() {
|
||||
[
|
||||
'ellipse farthest-corner',
|
||||
'ellipse cover',
|
||||
'circle cover',
|
||||
'center bottom, ellipse cover',
|
||||
'circle at 87.23px -58.3px',
|
||||
'farthest-corner, red, blue',
|
||||
'farthest-corner at 87.23px -58.3px, red, blue'
|
||||
].forEach(function(declaration) {
|
||||
|
||||
it('should parse ' + declaration + ' declaration', function() {
|
||||
var expectedResult = 'radial-gradient(' + declaration + ', red, blue)';
|
||||
var ast = gradients.parse(expectedResult);
|
||||
subject = gradients.stringify(ast);
|
||||
|
||||
expect(subject).to.equal(expectedResult);
|
||||
});
|
||||
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
|
@ -1 +0,0 @@
|
|||
var GradientParser = (window.GradientParser || {});
|
||||
Loading…
Reference in a new issue