Kaynağa Gözat

Tests: Adjusted tests after the refactoring.

Marek Lewandowski 6 yıl önce
ebeveyn
işleme
5e7711db79
1 değiştirilmiş dosya ile 11 ekleme ve 11 silme
  1. 11 11
      packages/ckeditor5-image/tests/imageresize.js

+ 11 - 11
packages/ckeditor5-image/tests/imageresize.js

@@ -84,14 +84,14 @@ describe( 'ImageResize', () => {
 			setData( editor.model, `<image src="${ IMAGE_SRC_FIXTURE }" width="100px"></image>` );
 			setData( editor.model, `<image src="${ IMAGE_SRC_FIXTURE }" width="100px"></image>` );
 
 
 			expect( editor.getData() )
 			expect( editor.getData() )
-				.to.equal( `<figure class="image ck_resized"><img style="width:100px;" src="${ IMAGE_SRC_FIXTURE }"></figure>` );
+				.to.equal( `<figure class="image image_resized"><img style="width:100px;" src="${ IMAGE_SRC_FIXTURE }"></figure>` );
 		} );
 		} );
 
 
 		it( 'downcasts 50% width correctly', () => {
 		it( 'downcasts 50% width correctly', () => {
 			setData( editor.model, `<image src="${ IMAGE_SRC_FIXTURE }" width="50%"></image>` );
 			setData( editor.model, `<image src="${ IMAGE_SRC_FIXTURE }" width="50%"></image>` );
 
 
 			expect( editor.getData() )
 			expect( editor.getData() )
-				.to.equal( `<figure class="image ck_resized"><img style="width:50%;" src="${ IMAGE_SRC_FIXTURE }"></figure>` );
+				.to.equal( `<figure class="image image_resized"><img style="width:50%;" src="${ IMAGE_SRC_FIXTURE }"></figure>` );
 		} );
 		} );
 	} );
 	} );
 
 
@@ -107,14 +107,14 @@ describe( 'ImageResize', () => {
 
 
 	describe( 'visual resizers', () => {
 	describe( 'visual resizers', () => {
 		it( 'correct amount is added by default', () => {
 		it( 'correct amount is added by default', () => {
-			const resizers = document.querySelectorAll( '.ck-widget__resizer' );
+			const resizers = document.querySelectorAll( '.ck-widget__resizer__handle' );
 
 
 			expect( resizers.length ).to.be.equal( 4 );
 			expect( resizers.length ).to.be.equal( 4 );
 		} );
 		} );
 
 
 		describe( 'visibility', () => {
 		describe( 'visibility', () => {
 			it( 'is hidden by default', () => {
 			it( 'is hidden by default', () => {
-				const allResizers = document.querySelectorAll( '.ck-widget__resizer' );
+				const allResizers = document.querySelectorAll( '.ck-widget__resizer__handle' );
 
 
 				for ( const resizer of allResizers ) {
 				for ( const resizer of allResizers ) {
 					expect( isVisible( resizer ) ).to.be.false;
 					expect( isVisible( resizer ) ).to.be.false;
@@ -123,7 +123,7 @@ describe( 'ImageResize', () => {
 
 
 			it( 'is shown when image is focused', () => {
 			it( 'is shown when image is focused', () => {
 				const widget = viewDocument.getRoot().getChild( 1 );
 				const widget = viewDocument.getRoot().getChild( 1 );
-				const allResizers = document.querySelectorAll( '.ck-widget__resizer' );
+				const allResizers = document.querySelectorAll( '.ck-widget__resizer__handle' );
 				const domEventDataMock = {
 				const domEventDataMock = {
 					target: widget,
 					target: widget,
 					preventDefault: sinon.spy()
 					preventDefault: sinon.spy()
@@ -363,7 +363,7 @@ describe( 'ImageResize', () => {
 		function generateSideResizeTest( options ) {
 		function generateSideResizeTest( options ) {
 			return generateResizeTest( Object.assign( {
 			return generateResizeTest( Object.assign( {
 				isSideImage: true,
 				isSideImage: true,
-				modelRegExp: /<paragraph>foo<\/paragraph><image imageStyle="side" src=".+?" width="(\d+)px"><\/image>/
+				modelRegExp: /<paragraph>foo<\/paragraph><image imageStyle="side" src=".+?" width="([\d.]+)px"><\/image>/
 			}, options ) );
 			}, options ) );
 		}
 		}
 	} );
 	} );
@@ -396,8 +396,8 @@ describe( 'ImageResize', () => {
 
 
 			await wait( 40 );
 			await wait( 40 );
 
 
-			const resizerShadow = document.querySelector( '.ck-widget__resizer-shadow' );
-			const shadowBoundingRect = resizerShadow.getBoundingClientRect();
+			const resizerWrapper = document.querySelector( '.ck-widget__resizer' );
+			const shadowBoundingRect = resizerWrapper.getBoundingClientRect();
 
 
 			expect( shadowBoundingRect.width ).to.be.equal( 100 );
 			expect( shadowBoundingRect.width ).to.be.equal( 100 );
 			expect( shadowBoundingRect.height ).to.be.equal( 50 );
 			expect( shadowBoundingRect.height ).to.be.equal( 50 );
@@ -481,13 +481,13 @@ describe( 'ImageResize', () => {
 		// Returns a test case that puts
 		// Returns a test case that puts
 		return function() {
 		return function() {
 			const domResizeWrapper = view.domConverter.mapViewToDom( widget.getChild( 1 ) );
 			const domResizeWrapper = view.domConverter.mapViewToDom( widget.getChild( 1 ) );
-			const domBottomLeftResizer = domResizeWrapper.querySelector( `.ck-widget__resizer-${ options.resizerPosition }` );
+			const domBottomLeftResizer = domResizeWrapper.querySelector( `.ck-widget__resizer__handle-${ options.resizerPosition }` );
 			const domImage = view.domConverter.mapViewToDom( widget ).querySelector( 'img' );
 			const domImage = view.domConverter.mapViewToDom( widget ).querySelector( 'img' );
 			const imageTopLeftPosition = getElementPosition( domImage );
 			const imageTopLeftPosition = getElementPosition( domImage );
 			const resizerPositionParts = options.resizerPosition.split( '-' );
 			const resizerPositionParts = options.resizerPosition.split( '-' );
 
 
 			const modelRegExp = options.modelRegExp ? options.modelRegExp :
 			const modelRegExp = options.modelRegExp ? options.modelRegExp :
-				/<paragraph>foo<\/paragraph><image src=".+?" width="(\d+)px"><\/image>/;
+				/<paragraph>foo<\/paragraph><image src=".+?" width="([\d.]+)px"><\/image>/;
 
 
 			focusEditor( editor );
 			focusEditor( editor );
 
 
@@ -527,7 +527,7 @@ describe( 'ImageResize', () => {
 
 
 					const modelItem = options.getModel ? options.getModel() : editor.model.document.getRoot().getChild( 1 );
 					const modelItem = options.getModel ? options.getModel() : editor.model.document.getRoot().getChild( 1 );
 
 
-					expect( modelItem.getAttribute( 'width' ) ).to.match( /^\d+px$/, 'Model width is properly formatted' );
+					expect( modelItem.getAttribute( 'width' ) ).to.match( /^([\d.]+)px$/, 'Model width is properly formatted' );
 					expect( parseInt( modelItem.getAttribute( 'width' ), 0 ) )
 					expect( parseInt( modelItem.getAttribute( 'width' ), 0 ) )
 						.to.be.closeTo( options.expectedWidth, 2, 'Model width check' );
 						.to.be.closeTo( options.expectedWidth, 2, 'Model width check' );
 				} );
 				} );