From 7ffc11d987218f0e52e39d3238c5f7c2c4fe7f7f Mon Sep 17 00:00:00 2001
From: Kevin Killingsworth <kevin@redfenix.com>
Date: Mon, 25 Feb 2019 23:32:04 -0600
Subject: [PATCH] Fix html in preview of product titles
 (https://github.com/woocommerce/woocommerce-blocks/pull/444)

* Fix html in preview of product titles

Previously the html wasn't rendered in the preview for product titles.
This renders the html.

* Update test snapshot

* Also decode html for featured preview name.

* Un-escape HTML for featured post title render
---
 .../assets/js/blocks/featured-product/block.js |  9 ++++++---
 .../js/components/product-preview/index.js     |  5 ++++-
 .../test/__snapshots__/index.js.snap           | 18 ++++++++++++------
 .../blocks/class-wc-block-featured-product.php |  2 +-
 4 files changed, 23 insertions(+), 11 deletions(-)

diff --git a/plugins/woocommerce-blocks/assets/js/blocks/featured-product/block.js b/plugins/woocommerce-blocks/assets/js/blocks/featured-product/block.js
index 28f61419562..dac13ed85e7 100644
--- a/plugins/woocommerce-blocks/assets/js/blocks/featured-product/block.js
+++ b/plugins/woocommerce-blocks/assets/js/blocks/featured-product/block.js
@@ -278,9 +278,12 @@ class FeaturedProduct extends Component {
 								style={ style }
 							>
 								<div className="wc-block-featured-product__wrapper">
-									<h2 className="wc-block-featured-product__title">
-										{ product.name }
-									</h2>
+									<h2
+										className="wc-block-featured-product__title"
+										dangerouslySetInnerHTML={ {
+											__html: product.name,
+										} }
+									/>
 									{ showDesc && (
 										<div
 											className="wc-block-featured-product__description"
diff --git a/plugins/woocommerce-blocks/assets/js/components/product-preview/index.js b/plugins/woocommerce-blocks/assets/js/components/product-preview/index.js
index 0b081e096fd..7216552724f 100644
--- a/plugins/woocommerce-blocks/assets/js/components/product-preview/index.js
+++ b/plugins/woocommerce-blocks/assets/js/components/product-preview/index.js
@@ -25,7 +25,10 @@ const ProductPreview = ( { product } ) => {
 	return (
 		<div className="wc-product-preview">
 			{ image }
-			<div className="wc-product-preview__title">{ product.name }</div>
+			<div
+				className="wc-product-preview__title"
+				dangerouslySetInnerHTML={ { __html: product.name } }
+			/>
 			<div
 				className="wc-product-preview__price"
 				dangerouslySetInnerHTML={ { __html: product.price_html } }
diff --git a/plugins/woocommerce-blocks/assets/js/components/product-preview/test/__snapshots__/index.js.snap b/plugins/woocommerce-blocks/assets/js/components/product-preview/test/__snapshots__/index.js.snap
index cb9d602afd8..611cc710fe0 100644
--- a/plugins/woocommerce-blocks/assets/js/components/product-preview/test/__snapshots__/index.js.snap
+++ b/plugins/woocommerce-blocks/assets/js/components/product-preview/test/__snapshots__/index.js.snap
@@ -10,9 +10,12 @@ exports[`ProductPreview should render a single product preview with an image 1`]
   />
   <div
     className="wc-product-preview__title"
-  >
-    Winter Jacket
-  </div>
+    dangerouslySetInnerHTML={
+      Object {
+        "__html": "Winter Jacket",
+      }
+    }
+  />
   <div
     className="wc-product-preview__price"
     dangerouslySetInnerHTML={
@@ -43,9 +46,12 @@ exports[`ProductPreview should render a single product preview without an image
   />
   <div
     className="wc-product-preview__title"
-  >
-    Winter Jacket
-  </div>
+    dangerouslySetInnerHTML={
+      Object {
+        "__html": "Winter Jacket",
+      }
+    }
+  />
   <div
     className="wc-product-preview__price"
     dangerouslySetInnerHTML={
diff --git a/plugins/woocommerce-blocks/includes/blocks/class-wc-block-featured-product.php b/plugins/woocommerce-blocks/includes/blocks/class-wc-block-featured-product.php
index 1c6390c824c..8d6898f6a95 100644
--- a/plugins/woocommerce-blocks/includes/blocks/class-wc-block-featured-product.php
+++ b/plugins/woocommerce-blocks/includes/blocks/class-wc-block-featured-product.php
@@ -56,7 +56,7 @@ class WC_Block_Featured_Product {
 
 		$title = sprintf(
 			'<h2 class="wc-block-featured-product__title">%s</h2>',
-			esc_html( $product->get_title() )
+			wp_kses_post( $product->get_title() )
 		);
 
 		$desc_str = sprintf(