1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
|
"""Tests for Compass gradient generation."""
from __future__ import absolute_import
from __future__ import unicode_literals
from scss.calculator import Calculator
from scss.extension.compass import CompassExtension
from scss.extension.compass.gradients import linear_gradient
from scss.types import String, List, Number, Color
import pytest
@pytest.fixture
def calc():
return Calculator(CompassExtension.namespace).evaluate_expression
def test_linear_gradient():
# Set up some values
to = String.unquoted('to')
bottom = String.unquoted('bottom')
left = String.unquoted('left')
red = Color.from_name('red')
blue = Color.from_name('blue')
start = Number(0, "%")
middle = Number(50, "%")
end = Number(100, "%")
assert (
linear_gradient(left, List((red, start)), List((blue, middle)))
== String('linear-gradient(left, red, blue 50%)')
)
assert (
linear_gradient(List((to, bottom)), blue, List((red, end)))
== String('linear-gradient(to bottom, blue, red)')
)
@pytest.mark.xfail('True', reason="rainbow still has intermediate values added")
def test_linear_gradient_idempotent(calc):
# linear-gradient should leave valid syntax alone.
# Examples graciously stolen from MDN:
# https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient
trials = [
'linear-gradient(45deg, blue, red)',
'linear-gradient(to left top, blue, red)',
'linear-gradient(0deg, blue, green 40%, red)',
'linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet)',
'linear-gradient(to bottom right, red, rgba(255,0,0,0))',
'linear-gradient(to bottom, hsl(0, 80%, 70%), #bada55)',
]
for trial in trials:
assert calc(trial) == String(trial)
|
