Update buttons story.

ChrisAntaki · Oct 7, 2021 · 6f6044d · 6f6044d
1 parent ce03122
commit 6f6044d
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 4 deletions.
diff --git a/assets/js/components/Button.stories.js b/assets/js/components/Button.stories.js
@@ -64,16 +64,14 @@ IconButton.storyName = 'Icon Button with Tooltip';
 IconButton.args = {
 	icon: <HelpIcon width="20" height="20" />,
 	'aria-label': 'Help',
+	className: 'googlesitekit-button--icon',
 };
 
 export const VRTStory = () => (
 	<div>
 		<p>
 			<DefaultButton { ...DefaultButton.args } />
 		</p>
-		<p>
-			<HoverButton { ...HoverButton.args } />
-		</p>
 		<p>
 			<LinkButton { ...LinkButton.args } />
 		</p>
@@ -83,11 +81,14 @@ export const VRTStory = () => (
 		<p>
 			<DisabledButton { ...DisabledButton.args } />
 		</p>
+		<p>
+			<IconButton { ...IconButton.args } />
+		</p>
 	</div>
 );
 VRTStory.scenario = {
 	label: 'Global/Buttons',
-	hoverSelector: '.googlesitekit-button--hover',
+	hoverSelector: '.googlesitekit-button--icon',
 	postInteractionWait: 3000,
 	onReadyScript: 'mouse.js',
 };

diff --git a/tests/backstop/reference/google-site-kit_Global_Buttons_0_document_0_small.png b/tests/backstop/reference/google-site-kit_Global_Buttons_0_document_0_small.png
diff --git a/tests/backstop/reference/google-site-kit_Global_Buttons_0_document_1_medium.png b/tests/backstop/reference/google-site-kit_Global_Buttons_0_document_1_medium.png
diff --git a/tests/backstop/reference/google-site-kit_Global_Buttons_0_document_2_large.png b/tests/backstop/reference/google-site-kit_Global_Buttons_0_document_2_large.png