|
|
@@ -5,17 +5,17 @@
|
|
|
|
|
|
import UIElement from '../../src/view/uielement';
|
|
|
import Element from '../../src/view/element';
|
|
|
+import CKEditorError from '@ckeditor/ckeditor5-utils/src/ckeditorerror';
|
|
|
|
|
|
describe( 'UIElement', () => {
|
|
|
- let childElement, uiElement;
|
|
|
+ let uiElement;
|
|
|
|
|
|
beforeEach( () => {
|
|
|
- childElement = new Element( 'b' );
|
|
|
uiElement = new UIElement( 'span', {
|
|
|
foo: 'bar',
|
|
|
style: 'border: 1px solid red;color: white;',
|
|
|
class: 'foo bar'
|
|
|
- }, [ childElement ] );
|
|
|
+ } );
|
|
|
} );
|
|
|
|
|
|
describe( 'constructor()', () => {
|
|
|
@@ -26,8 +26,42 @@ describe( 'UIElement', () => {
|
|
|
expect( uiElement.getStyle( 'color' ) ).to.equal( 'white' );
|
|
|
expect( uiElement.hasClass( 'foo' ) ).to.true;
|
|
|
expect( uiElement.hasClass( 'bar' ) ).to.true;
|
|
|
- expect( uiElement.childCount ).to.equal( 1 );
|
|
|
- expect( uiElement.getChild( 0 ) ).to.equal( childElement )
|
|
|
+ } );
|
|
|
+
|
|
|
+ it( 'should throw if child elements are passed to constructor', () => {
|
|
|
+ expect( () => {
|
|
|
+ new UIElement( 'img', null, [ new Element( 'i' ) ] );
|
|
|
+ } ).to.throw( CKEditorError, 'view-uielement-cannot-add: Cannot add child nodes to UIElement instance.' );
|
|
|
+ } );
|
|
|
+ } );
|
|
|
+
|
|
|
+ describe( 'appendChildren()', () => {
|
|
|
+ it( 'should throw when try to append new child element', () => {
|
|
|
+ expect( () => {
|
|
|
+ uiElement.appendChildren( new Element( 'i' ) );
|
|
|
+ } ).to.throw( CKEditorError, 'view-uielement-cannot-add: Cannot add child nodes to UIElement instance.' );
|
|
|
+ } );
|
|
|
+ } );
|
|
|
+
|
|
|
+ describe( 'insertChildren()', () => {
|
|
|
+ it( 'should throw when try to insert new child element', () => {
|
|
|
+ expect( () => {
|
|
|
+ uiElement.insertChildren( 0, new Element( 'i' ) );
|
|
|
+ } ).to.throw( CKEditorError, 'view-uielement-cannot-add: Cannot add child nodes to UIElement instance.' );
|
|
|
+ } );
|
|
|
+ } );
|
|
|
+
|
|
|
+ describe( 'clone()', () => {
|
|
|
+ it( 'should be properly cloned', () => {
|
|
|
+ const newUIElement = uiElement.clone();
|
|
|
+
|
|
|
+ expect( newUIElement.name ).to.equal( 'span' );
|
|
|
+ expect( newUIElement.getAttribute( 'foo' ) ).to.equal( 'bar' );
|
|
|
+ expect( newUIElement.getStyle( 'border' ) ).to.equal( '1px solid red' );
|
|
|
+ expect( newUIElement.getStyle( 'color' ) ).to.equal( 'white' );
|
|
|
+ expect( newUIElement.hasClass( 'foo' ) ).to.true;
|
|
|
+ expect( newUIElement.hasClass( 'bar' ) ).to.true;
|
|
|
+ expect( newUIElement.isSimilar( uiElement ) ).to.true;
|
|
|
} );
|
|
|
} );
|
|
|
|