@ -19,12 +19,14 @@ define([
describe ( 'Main' , function ( ) {
var obj ;
beforeEach ( function ( ) {
this . obj = new CssComposer ( ) . init ( ) ;
obj = new CssComposer ( ) . init ( ) ;
} ) ;
afterEach ( function ( ) {
delete this . obj ;
delete obj ;
} ) ;
it ( 'Object exists' , function ( ) {
@ -32,104 +34,91 @@ define([
} ) ;
it ( "Rules are empty" , function ( ) {
this . obj . getRules ( ) . length . should . equal ( 0 ) ;
obj . getAll ( ) . length . should . equal ( 0 ) ;
} ) ;
it ( 'Create new rule with correct selectors' , function ( ) {
var sel = new this . obj . Selectors ( ) ;
var sel = new obj . Selectors ( ) ;
var s1 = sel . add ( { name : 'test1' } ) ;
var rule = this . obj . newRule ( sel . models ) ;
var rule = obj . add ( sel . models ) ;
rule . get ( 'selectors' ) . at ( 0 ) . should . deep . equal ( s1 ) ;
} ) ;
it ( 'Create new rule correctly' , function ( ) {
var sel = new this . obj . Selectors ( ) ;
var sel = new obj . Selectors ( ) ;
var s1 = sel . add ( { name : 'test1' } ) ;
var rule = this . obj . newRule ( sel . models , 'state1' , 'width1' ) ;
var rule = obj . add ( sel . models , 'state1' , 'width1' ) ;
rule . get ( 'state' ) . should . equal ( 'state1' ) ;
rule . get ( 'maxWidth' ) . should . equal ( 'width1' ) ;
} ) ;
it ( "Add rule to collection" , function ( ) {
var sel = new this . obj . Selectors ( [ { name : 'test1' } ] ) ;
var rule = this . obj . newRule ( sel . models ) ;
this . obj . addRule ( rule ) ;
this . obj . getRules ( ) . length . should . equal ( 1 ) ;
this . obj . getRules ( ) . at ( 0 ) . get ( 'selectors' ) . at ( 0 ) . get ( 'name' ) . should . equal ( 'test1' ) ;
var sel = new obj . Selectors ( [ { name : 'test1' } ] ) ;
var rule = obj . add ( sel . models ) ;
obj . getAll ( ) . length . should . equal ( 1 ) ;
obj . getAll ( ) . at ( 0 ) . get ( 'selectors' ) . at ( 0 ) . get ( 'name' ) . should . equal ( 'test1' ) ;
} ) ;
it ( "Returns correct rule with the same selector" , function ( ) {
var sel = new this . obj . Selectors ( [ { name : 'test1' } ] ) ;
var rule1 = this . obj . newRule ( sel . models ) ;
this . obj . addRule ( rule1 ) ;
var rule2 = this . obj . getRule ( sel . models ) ;
var sel = new obj . Selectors ( [ { name : 'test1' } ] ) ;
var rule1 = obj . add ( sel . models ) ;
var rule2 = obj . get ( sel . models ) ;
rule1 . should . deep . equal ( rule2 ) ;
} ) ;
it ( "Returns correct rule with the same selectors" , function ( ) {
var sel1 = new this . obj . Selectors ( [ { name : 'test1' } ] ) ;
var rule1 = this . obj . newRule ( sel1 . models ) ;
this . obj . addRule ( rule1 ) ;
var sel1 = new obj . Selectors ( [ { name : 'test1' } ] ) ;
var rule1 = obj . add ( sel1 . models ) ;
var sel2 = new this . obj . Selectors ( [ { name : 'test21' } , { name : 'test22' } ] ) ;
var rule2 = this . obj . newRule ( sel2 . models ) ;
this . obj . addRule ( rule2 ) ;
var sel2 = new obj . Selectors ( [ { name : 'test21' } , { name : 'test22' } ] ) ;
var rule2 = obj . add ( sel2 . models ) ;
var rule3 = this . obj . getRule ( sel2 . models ) ;
var rule3 = obj . get ( sel2 . models ) ;
rule3 . should . deep . equal ( rule2 ) ;
} ) ;
it ( "Don't duplicate rules" , function ( ) {
var sel = new this . obj . Selectors ( [ ] ) ;
var sel = new obj . Selectors ( [ ] ) ;
var s1 = sel . add ( { name : 'test1' } ) ;
var s2 = sel . add ( { name : 'test2' } ) ;
var s3 = sel . add ( { name : 'test3' } ) ;
var rule1 = this . obj . newRule ( [ s1 , s3 ] ) ;
var aRule1 = this . obj . addRule ( rule1 ) ;
var rule2 = this . obj . newRule ( [ s3 , s1 ] ) ;
var aRule2 = this . obj . addRule ( rule2 ) ;
var rule1 = obj . add ( [ s1 , s3 ] ) ;
var rule2 = obj . add ( [ s3 , s1 ] ) ;
aR ule2. should . deep . equal ( aR ule1) ;
rule2 . should . deep . equal ( rule1 ) ;
} ) ;
it ( "Returns correct rule with the same mixed selectors" , function ( ) {
var sel = new this . obj . Selectors ( [ ] ) ;
var sel = new obj . Selectors ( [ ] ) ;
var s1 = sel . add ( { name : 'test1' } ) ;
var s2 = sel . add ( { name : 'test2' } ) ;
var s3 = sel . add ( { name : 'test3' } ) ;
var rule1 = this . obj . newRule ( [ s1 , s3 ] ) ;
this . obj . addRule ( rule1 ) ;
var rule2 = this . obj . getRule ( [ s3 , s1 ] ) ;
var rule1 = obj . add ( [ s1 , s3 ] ) ;
var rule2 = obj . get ( [ s3 , s1 ] ) ;
rule2 . should . deep . equal ( rule1 ) ;
} ) ;
it ( "Returns correct rule with the same selectors and state" , function ( ) {
var sel = new this . obj . Selectors ( [ ] ) ;
var sel = new obj . Selectors ( [ ] ) ;
var s1 = sel . add ( { name : 'test1' } ) ;
var s2 = sel . add ( { name : 'test2' } ) ;
var s3 = sel . add ( { name : 'test3' } ) ;
var rule1 = this . obj . newRule ( [ s1 , s3 ] , 'hover' ) ;
this . obj . addRule ( rule1 ) ;
var rule2 = this . obj . getRule ( [ s3 , s1 ] , 'hover' ) ;
var rule1 = obj . add ( [ s1 , s3 ] , 'hover' ) ;
var rule2 = obj . get ( [ s3 , s1 ] , 'hover' ) ;
rule2 . should . deep . equal ( rule1 ) ;
} ) ;
it ( "Returns correct rule with the same selectors, state and width" , function ( ) {
var sel = new this . obj . Selectors ( [ ] ) ;
var sel = new obj . Selectors ( [ ] ) ;
var s1 = sel . add ( { name : 'test1' } ) ;
var rule1 = this . obj . newRule ( [ s1 ] , 'hover' , '1' ) ;
this . obj . addRule ( rule1 ) ;
var rule2 = this . obj . getRule ( [ s1 ] , 'hover' , '1' ) ;
var rule1 = obj . add ( [ s1 ] , 'hover' , '1' ) ;
var rule2 = obj . get ( [ s1 ] , 'hover' , '1' ) ;
rule2 . should . deep . equal ( rule1 ) ;
} ) ;
it ( "Renders correctly" , function ( ) {
this . obj . render ( ) . should . be . ok ;
obj . render ( ) . should . be . ok ;
} ) ;
} ) ;
Artur Arseniev
10 years ago