Merge pull request #14347 from guardian/add-data-gu-name-to-callout-and-pullquote

simonbyford · web-flow · commit 666945d0d30a · 2025-08-12T08:23:47.000+01:00
Add `data-gu-name` attribute to pullquote and callout elements
diff --git a/dotcom-rendering/src/components/CalloutBlockComponent.importable.tsx b/dotcom-rendering/src/components/CalloutBlockComponent.importable.tsx
@@ -51,7 +51,7 @@ export const CalloutBlockComponent = ({
 	const id = formId.toString();
 
 	return (
-		<>
+		<div data-gu-name="callout">
 			{!isNonCollapsible ? (
 				<aside>
 					<ExpandingWrapper
@@ -116,6 +116,6 @@ export const CalloutBlockComponent = ({
 					pageId={pageId}
 				/>
 			)}
-		</>
+		</div>
 	);
 };
diff --git a/dotcom-rendering/src/components/PullQuoteBlockComponent.tsx b/dotcom-rendering/src/components/PullQuoteBlockComponent.tsx
@@ -269,6 +269,7 @@ export const PullQuoteBlockComponent = ({
 				alignmentCss(role, format),
 			]}
 			data-spacefinder-role={role}
+			data-gu-name="pullquote"
 		>
 			<QuoteIcon colour={palette('--pullquote-icon')} />
 			<blockquote

Original file line number	Diff line number	Diff line change
`@@ -269,6 +269,7 @@ export const PullQuoteBlockComponent = ({`
`269`	`269`	`alignmentCss(role, format),`
`270`	`270`	`]}`
`271`	`271`	`data-spacefinder-role={role}`
	`272`	`+ data-gu-name="pullquote"`
`272`	`273`	`>`
`273`	`274`	`<QuoteIcon colour={palette('--pullquote-icon')} />`
`274`	`275`	`<blockquote`