|
@@ -75,7 +75,7 @@ describe( 'ListItemView', () => {
|
|
|
describe( 'DOM bindings', () => {
|
|
describe( 'DOM bindings', () => {
|
|
|
describe( '"class" attribute', () => {
|
|
describe( '"class" attribute', () => {
|
|
|
it( 'reacts on view#class', () => {
|
|
it( 'reacts on view#class', () => {
|
|
|
- expect( view.element.classList ).to.have.length( 2 );
|
|
|
|
|
|
|
+ expect( view.element.classList ).to.have.length( 3 );
|
|
|
|
|
|
|
|
view.set( 'class', 'foo' );
|
|
view.set( 'class', 'foo' );
|
|
|
|
|
|
|
@@ -83,12 +83,26 @@ describe( 'ListItemView', () => {
|
|
|
} );
|
|
} );
|
|
|
|
|
|
|
|
it( 'reacts on view#isActive', () => {
|
|
it( 'reacts on view#isActive', () => {
|
|
|
- expect( view.element.classList ).to.have.length( 2 );
|
|
|
|
|
|
|
+ expect( view.element.classList ).to.have.length( 3 );
|
|
|
|
|
|
|
|
view.set( 'isActive', true );
|
|
view.set( 'isActive', true );
|
|
|
|
|
|
|
|
expect( view.element.classList.contains( 'ck-list__item_active' ) ).to.be.true;
|
|
expect( view.element.classList.contains( 'ck-list__item_active' ) ).to.be.true;
|
|
|
} );
|
|
} );
|
|
|
|
|
+
|
|
|
|
|
+ it( 'reacts on view#isEnabled', () => {
|
|
|
|
|
+ expect( view.element.classList ).to.have.length( 3 );
|
|
|
|
|
+
|
|
|
|
|
+ view.set( 'isEnabled', true );
|
|
|
|
|
+
|
|
|
|
|
+ expect( view.element.classList.contains( 'ck-enabled' ) ).to.be.true;
|
|
|
|
|
+ expect( view.element.classList.contains( 'ck-disabled' ) ).to.be.false;
|
|
|
|
|
+
|
|
|
|
|
+ view.set( 'isEnabled', false );
|
|
|
|
|
+
|
|
|
|
|
+ expect( view.element.classList.contains( 'ck-enabled' ) ).to.be.false;
|
|
|
|
|
+ expect( view.element.classList.contains( 'ck-disabled' ) ).to.be.true;
|
|
|
|
|
+ } );
|
|
|
} );
|
|
} );
|
|
|
|
|
|
|
|
describe( '"style" attribute', () => {
|
|
describe( '"style" attribute', () => {
|