/** * @license Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license */ import RawElement from '../../src/view/rawelement'; import Element from '../../src/view/element'; import Document from '../../src/view/document'; import { expectToThrowCKEditorError } from '@ckeditor/ckeditor5-utils/tests/_utils/utils'; import { StylesProcessor } from '../../src/view/stylesmap'; describe( 'RawElement', () => { let rawElement, doc; beforeEach( () => { doc = new Document( new StylesProcessor() ); rawElement = new RawElement( doc, 'span', { foo: 'bar', style: 'margin-top: 2em;color: white;', class: 'foo bar' } ); } ); describe( 'constructor()', () => { it( 'should create instance', () => { expect( rawElement.name ).to.equal( 'span' ); expect( rawElement.getAttribute( 'foo' ) ).to.equal( 'bar' ); expect( rawElement.getStyle( 'margin-top' ) ).to.equal( '2em' ); expect( rawElement.getStyle( 'color' ) ).to.equal( 'white' ); expect( rawElement.hasClass( 'foo' ) ).to.true; expect( rawElement.hasClass( 'bar' ) ).to.true; } ); it( 'should throw if child elements are passed to constructor', () => { expectToThrowCKEditorError( () => { new RawElement( doc, 'img', null, [ new Element( doc, 'i' ) ] ); // eslint-disable-line no-new }, 'view-rawelement-cannot-add' ); } ); } ); describe( 'is()', () => { let el; before( () => { el = new RawElement( doc, 'span' ); } ); it( 'should return true for rawElement/element, also with correct name and element name', () => { expect( el.is( 'rawElement' ) ).to.be.true; expect( el.is( 'view:rawElement' ) ).to.be.true; expect( el.is( 'rawElement', 'span' ) ).to.be.true; expect( el.is( 'view:rawElement', 'span' ) ).to.be.true; expect( el.is( 'element' ) ).to.be.true; expect( el.is( 'view:element' ) ).to.be.true; expect( el.is( 'node' ) ).to.be.true; expect( el.is( 'view:node' ) ).to.be.true; expect( el.is( 'element', 'span' ) ).to.be.true; expect( el.is( 'view:element', 'span' ) ).to.be.true; expect( el.is( 'span' ) ).to.be.true; expect( el.is( 'view:span' ) ).to.be.true; } ); it( 'should return false for other accept values', () => { expect( el.is( 'rawElement', 'p' ) ).to.be.false; expect( el.is( 'view:rawElement', 'p' ) ).to.be.false; expect( el.is( 'element', 'p' ) ).to.be.false; expect( el.is( 'view:element', 'p' ) ).to.be.false; expect( el.is( 'p' ) ).to.be.false; expect( el.is( 'view:p' ) ).to.be.false; expect( el.is( 'text' ) ).to.be.false; expect( el.is( 'textProxy' ) ).to.be.false; expect( el.is( 'containerElement' ) ).to.be.false; expect( el.is( 'attributeElement' ) ).to.be.false; expect( el.is( 'emptyElement' ) ).to.be.false; expect( el.is( 'rootElement' ) ).to.be.false; expect( el.is( 'documentFragment' ) ).to.be.false; expect( el.is( 'model:element' ) ).to.be.false; expect( el.is( 'model:span' ) ).to.be.false; expect( el.is( 'model:node' ) ).to.be.false; } ); } ); describe( '_appendChild()', () => { it( 'should throw when try to append new child element', () => { expectToThrowCKEditorError( () => { rawElement._appendChild( new Element( doc, 'i' ) ); }, 'view-rawelement-cannot-add' ); } ); } ); describe( '_insertChild()', () => { it( 'should throw when try to insert new child element', () => { expectToThrowCKEditorError( () => { rawElement._insertChild( 0, new Element( doc, 'i' ) ); }, 'view-rawelement-cannot-add' ); } ); } ); describe( '_clone()', () => { it( 'should be properly cloned', () => { const newRawElement = rawElement._clone(); expect( newRawElement.name ).to.equal( 'span' ); expect( newRawElement.getAttribute( 'foo' ) ).to.equal( 'bar' ); expect( newRawElement.getStyle( 'margin-top' ) ).to.equal( '2em' ); expect( newRawElement.getStyle( 'color' ) ).to.equal( 'white' ); expect( newRawElement.hasClass( 'foo' ) ).to.true; expect( newRawElement.hasClass( 'bar' ) ).to.true; expect( newRawElement.isSimilar( rawElement ) ).to.true; } ); } ); describe( 'getFillerOffset()', () => { it( 'should return null', () => { expect( rawElement.getFillerOffset() ).to.null; } ); } ); } );