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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
|
import os
from django.test import TestCase
from django.test.utils import override_settings
from django.conf import settings
from django_pyscss.scss import DjangoScss
from tests.utils import clean_css, CollectStaticTestCase
with open(os.path.join(settings.BASE_DIR, 'testproject', 'static', 'css', 'foo.scss')) as f:
FOO_CONTENTS = f.read()
with open(os.path.join(settings.BASE_DIR, 'testapp1', 'static', 'css', 'app1.scss')) as f:
APP1_CONTENTS = f.read()
APP2_CONTENTS = FOO_CONTENTS + APP1_CONTENTS
SASS_CONTENTS = """
.sass {
color: #009900;
}
"""
with open(os.path.join(settings.BASE_DIR, 'testproject', 'static', 'css', 'css_file.css')) as f:
CSS_CONTENTS = f.read()
with open(os.path.join(settings.BASE_DIR, 'testproject', 'static', 'css', '_baz.scss')) as f:
BAZ_CONTENTS = f.read()
with open(os.path.join(settings.BASE_DIR, 'testproject', 'static', 'css', 'path_conflict.scss')) as f:
PATH_CONFLICT_CONTENTS = f.read()
class CompilerTestMixin(object):
def setUp(self):
self.compiler = DjangoScss(scss_opts={
# No compress so that I can compare more easily
'compress': 0,
})
super(CompilerTestMixin, self).setUp()
class ImportTestMixin(CompilerTestMixin):
def test_import_from_staticfiles_dirs(self):
actual = self.compiler.compile(scss_string='@import "/css/foo.scss";')
self.assertEqual(clean_css(actual), clean_css(FOO_CONTENTS))
def test_import_from_staticfiles_dirs_relative(self):
actual = self.compiler.compile(scss_string='@import "css/foo.scss";')
self.assertEqual(clean_css(actual), clean_css(FOO_CONTENTS))
def test_import_from_app(self):
actual = self.compiler.compile(scss_string='@import "/css/app1.scss";')
self.assertEqual(clean_css(actual), clean_css(APP1_CONTENTS))
def test_import_from_app_relative(self):
actual = self.compiler.compile(scss_string='@import "css/app1.scss";')
self.assertEqual(clean_css(actual), clean_css(APP1_CONTENTS))
def test_imports_within_file(self):
actual = self.compiler.compile(scss_string='@import "/css/app2.scss";')
self.assertEqual(clean_css(actual), clean_css(APP2_CONTENTS))
def test_relative_import(self):
actual = self.compiler.compile(scss_file='/css/bar.scss')
self.assertEqual(clean_css(actual), clean_css(FOO_CONTENTS))
def test_bad_import(self):
actual = self.compiler.compile(scss_string='@import "this-file-does-not-and-should-never-exist.scss";')
self.assertEqual(clean_css(actual), '')
def test_no_extension_import(self):
actual = self.compiler.compile(scss_string='@import "/css/foo";')
self.assertEqual(clean_css(actual), clean_css(FOO_CONTENTS))
def test_no_extension_import_sass(self):
actual = self.compiler.compile(scss_string='@import "/css/sass_file";')
self.assertEqual(clean_css(actual), clean_css(SASS_CONTENTS))
def test_no_extension_import_css(self):
actual = self.compiler.compile(scss_string='@import "/css/css_file";')
self.assertEqual(clean_css(actual), clean_css(CSS_CONTENTS))
def test_import_underscore_file(self):
actual = self.compiler.compile(scss_string='@import "/css/baz";')
self.assertEqual(clean_css(actual), clean_css(BAZ_CONTENTS))
def test_import_conflict(self):
actual = self.compiler.compile(scss_string='@import "/css/path_conflict";')
self.assertEqual(clean_css(actual), clean_css(PATH_CONFLICT_CONTENTS))
@override_settings(DEBUG=True)
class FindersImportTest(ImportTestMixin, TestCase):
pass
@override_settings(DEBUG=False)
class StorageImportTest(ImportTestMixin, CollectStaticTestCase):
pass
INLINE_IMAGE = """
.loading {
background: inline_image('images/loading.gif') center no-repeat;
}
"""
INLINED_IMAGE_EXPECTED = """
.loading {
background: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABs0lEQVR4nKXTzUojQRDA8X9/zJCIECRfiDCDBHKZq+QR8nJ5Hl/AQ2QgxyCOoCAy8eIkAxLy0dPWnkzQ7JpdtqAv3fSP6qouJSL8T9jvGy8vLzKdTsmyjDzPGY1G6q+B29tbubm5YTab4b3n4+Njd1ZVlYgIWmuMMeoASNNUrq+vWa/XDAYDkiTh8vJyByil8N7jnCMMQ7HWqh2Q57mMx2OccwyHQ4bD4UHaxhglIuKcY71eU6/XxRijNMDDwwNFUXB1dfXby7t0rVVaa5xzbDYbADTA8/MzWmuSJPmpXp8IVVXtAAtQFAVBEBBF0VEgDENVVZV47/eA1hprLUr92DEAvPfinENrvX/C+fk5QRAwm82OAqvVCuccxpg9EMcxxhienp6OAmVZst1uCcNwD/R6PbrdLo+Pj0wmkz/+7dfXV3l7e8Nay8nJCQDqcxbu7u4kTVNEhH6/TxzHdDodlFKUZclisWA+n1Or1YiiiGazqb4AAPf395JlGe/v71hrCcPwy2o0GlxcXNDpdHbVVt+ncT6fS57nFEXBcrkkCALOzs5otVq0221OT0+/tOoA+Nf4BawEx9v4UlbsAAAAAElFTkSuQmCC) center no-repeat;
}
"""
SPRITE_MAP = """
$widgets: sprite-map('images/icons/widget-*.png');
.foo {
background: sprite($widgets, 'widget-skull-and-crossbones');
}
.bar {
background: sprite($widgets, 'widget-google-map');
}
"""
class AssetsTest(CompilerTestMixin, TestCase):
def test_inline_image(self):
actual = self.compiler.compile(scss_string=INLINE_IMAGE)
self.assertEqual(clean_css(actual), clean_css(INLINED_IMAGE_EXPECTED))
def test_sprite_images(self):
actual = self.compiler.compile(scss_string=SPRITE_MAP)
# pyScss puts a cachebuster query string on the end of the URLs, lets
# just check that it made the file that we expected.
self.assertIn('KUZdBAnPCdlG5qfocw9GYw.png', actual)
|
