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
|
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()
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))
@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)
|