Fixed multiple image handling bug.

The url of the first image was used in all the other images, html copy past operations, and when using covert to blocks option.

blocks/api/raw-handling/test/integration/index.js

@@ -18,6 +18,8 @@ const types = [
 	'google-docs',
 	'ms-word',
 	'ms-word-online',
+	'one-image',
+	'two-images',
 ];
 
 describe( 'raw handling: integration', () => {

blocks/api/raw-handling/test/integration/one-image-in.html

@@ -0,0 +1 @@
+<img class="alignnone wp-image-5114 size-medium" src="http://localhost/wp-content/uploads/2018/01/Dec-08-2017-15-12-24-17-300x137.gif" alt="" width="300" height="137" />

blocks/api/raw-handling/test/integration/one-image-out.html

@@ -0,0 +1,3 @@
+<!-- wp:image -->
+<figure class="wp-block-image"><img src="http://localhost/wp-content/uploads/2018/01/Dec-08-2017-15-12-24-17-300x137.gif" alt="" /></figure>
+<!-- /wp:image -->

blocks/api/raw-handling/test/integration/two-images-in.html

@@ -0,0 +1,4 @@
+<img class="alignnone wp-image-5114 size-medium" src="http://localhost/wp-content/uploads/2018/01/Dec-08-2017-15-12-24-17-300x137.gif" alt="" width="300" height="137" />
+
+
+<img class="alignnone wp-image-5109 size-medium" src="http://localhost/wp-content/uploads/2018/01/Dec-05-2017-17-52-09-9-300x248.gif" alt="" width="300" height="248" />

blocks/api/raw-handling/test/integration/two-images-out.html

@@ -0,0 +1,7 @@
+<!-- wp:image -->
+<figure class="wp-block-image"><img src="http://localhost/wp-content/uploads/2018/01/Dec-08-2017-15-12-24-17-300x137.gif" alt="" /></figure>
+<!-- /wp:image -->
+
+<!-- wp:image -->
+<figure class="wp-block-image"><img src="http://localhost/wp-content/uploads/2018/01/Dec-05-2017-17-52-09-9-300x248.gif" alt="" /></figure>
+<!-- /wp:image -->

blocks/library/image/index.js

@@ -76,12 +76,10 @@ export const settings = {
 					return tag === 'img' || ( hasImage && ! hasText ) || ( hasImage && tag === 'figure' );
 				},
 				transform( node ) {
-					const targetNode = node.parentNode.querySelector( 'figure,img' );
-					const matches = /align(left|center|right)/.exec( targetNode.className );
+					const matches = /align(left|center|right)/.exec( node.className );
 					const align = matches ? matches[ 1 ] : undefined;
 					const blockType = getBlockType( 'core/image' );
-					const attributes = getBlockAttributes( blockType, targetNode.outerHTML, { align } );
-
+					const attributes = getBlockAttributes( blockType, node.outerHTML, { align } );
 					return createBlock( 'core/image', attributes );
 				},
 			},