Add primary and secondary heading text to story in product element

Author: oliverabrahams

dotcom-rendering/src/components/ProductElement.stories.tsx

@@ -4,6 +4,7 @@ import { allModes } from '../../.storybook/modes';
 import { productImage } from '../../fixtures/manual/productImage';
 import { ArticleDesign, ArticleDisplay, Pillar } from '../lib/articleFormat';
 import { getNestedArticleElement } from '../lib/renderElement';
+import { extractHeadingText } from '../model/enhanceProductElement';
 import type { ProductBlockElement } from '../types/content';
 import { ProductElement } from './ProductElement';
 
@@ -23,7 +24,9 @@ const product = {
 	_type: 'model.dotcomrendering.pageElements.ProductBlockElement',
 	elementId: 'b1f6e8e2-3f3a-4f0c-8d1e-5f3e3e3e3e3e',
 	primaryHeadingHtml: '<em>Best Kettle overall</em>',
+	primaryHeadingText: extractHeadingText('<em>Best Kettle overall</em>'),
 	secondaryHeadingHtml: 'Bosch Sky Kettle',
+	secondaryHeadingText: extractHeadingText('Bosch Sky Kettle'),
 	brandName: 'Bosch',
 	productName: 'Sky Kettle',
 	image: productImage,