@@ -161,7 +161,7 @@ describe('SmartCSS', function(){
161161
162162
163163
164- it ( 'should allow hsl colors' , function ( ) {
164+ it ( 'should support hsl colors' , function ( ) {
165165 var css = new SmartCSS ( ) ;
166166 css . setClass ( '.myClassName' , { color : 'hsl(0, 100%, 50%)' } ) ;
167167 var expected = '.' + css . getClass ( 'myClassName' ) + '{color:hsl(0, 100%, 50%);}' ;
@@ -171,7 +171,7 @@ describe('SmartCSS', function(){
171171
172172
173173
174- it ( 'should allow hex colors' , function ( ) {
174+ it ( 'should support hex colors' , function ( ) {
175175 var css = new SmartCSS ( ) ;
176176 css . setClass ( '.myClassName' , { color : '#FF0000' } ) ;
177177 var expected = '.' + css . getClass ( 'myClassName' ) + '{color:#FF0000;}' ;
@@ -185,11 +185,11 @@ describe('SmartCSS', function(){
185185
186186
187187
188-
189188 describe ( '@media' , function ( ) {
190189
191190
192- it ( 'should allow @media property' , function ( ) {
191+
192+ it ( 'should support @media property' , function ( ) {
193193 var css = new SmartCSS ( ) ;
194194 var def = { color : 'red' } ;
195195 css . setClass ( '.myClassName' , def , { media : '(max-width: 500px)' } ) ;
@@ -198,7 +198,9 @@ describe('SmartCSS', function(){
198198 expect ( current ) . to . be . equal ( expected ) ;
199199 } )
200200
201- it ( 'should allow complex @media' , function ( ) {
201+
202+
203+ it ( 'should support complex @media' , function ( ) {
202204 var css = new SmartCSS ( ) ;
203205 var def = { color : 'red' } ;
204206 css . setClass ( '.myClassName' , def , { media : '(min-width: 700px) and (orientation: landscape)' } ) ;
@@ -209,7 +211,7 @@ describe('SmartCSS', function(){
209211
210212
211213
212- it ( 'should allow more than one @media property on the same selector' , function ( ) {
214+ it ( 'should support more than one @media property on the same selector' , function ( ) {
213215 var css = new SmartCSS ( ) ;
214216 var def1 = { color : 'red' } ;
215217 var def2 = { color : 'green' } ;
@@ -224,23 +226,31 @@ describe('SmartCSS', function(){
224226
225227
226228
227- // RCSS: automatically adds quotes.
228- it ( 'should allow proper content variable' , function ( ) {
229- var css = new SmartCSS ( { } ) ;
230- css . setClass ( '.a' , { content : 'attr(data-hover)' } ) ;
231- var expected = '.' + css . getClass ( 'a' ) + '{content:attr(data-hover);}' ;
232- var current = SmartCSS . getStylesAsString ( ) ;
233- expect ( current ) . to . be . equal ( expected ) ;
234- } )
229+ describe ( 'content property' , function ( ) {
230+
231+
232+
233+ // RCSS: automatically adds quotes.
234+ it ( 'should allow proper content variable' , function ( ) {
235+ var css = new SmartCSS ( { } ) ;
236+ css . setClass ( '.a' , { content : 'attr(data-hover)' } ) ;
237+ var expected = '.' + css . getClass ( 'a' ) + '{content:attr(data-hover);}' ;
238+ var current = SmartCSS . getStylesAsString ( ) ;
239+ expect ( current ) . to . be . equal ( expected ) ;
240+ } )
241+
242+
243+
244+ it ( 'should allow proper content property as string' , function ( ) {
245+ var css = new SmartCSS ( { } ) ;
246+ css . setClass ( '.a' , { content : '"string"' } ) ;
247+ var expected = '.' + css . getClass ( 'a' ) + '{content:"string";}' ;
248+ var current = SmartCSS . getStylesAsString ( 'a' ) ;
249+ expect ( current ) . to . be . equal ( expected ) ;
250+ } )
235251
236252
237253
238- it ( 'should allow proper content property as string' , function ( ) {
239- var css = new SmartCSS ( { } ) ;
240- css . setClass ( '.a' , { content : '"string"' } ) ;
241- var expected = '.' + css . getClass ( 'a' ) + '{content:"string";}' ;
242- var current = SmartCSS . getStylesAsString ( 'a' ) ;
243- expect ( current ) . to . be . equal ( expected ) ;
244254 } )
245255
246256
0 commit comments