Update test and snapshot for plain style quotes

WordPress · Oct 16, 2021 · fd67208 · fd67208
1 parent 61c5c5c
commit fd67208
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/packages/e2e-tests/specs/editor/various/__snapshots__/style-variation.test.js.snap b/packages/e2e-tests/specs/editor/various/__snapshots__/style-variation.test.js.snap
@@ -5,3 +5,9 @@ exports[`adding blocks Should switch the style of the quote block 1`] = `
 <blockquote class=\\"wp-block-quote is-style-large\\"><p>Quote content</p></blockquote>
 <!-- /wp:quote -->"
 `;
+
+exports[`adding blocks Should switch to the large style of the quote block 1`] = `
+"<!-- wp:quote {\\"className\\":\\"is-style-large\\"} -->
+<blockquote class=\\"wp-block-quote is-style-large\\"><p>Quote content</p></blockquote>
+<!-- /wp:quote -->"
+`;
diff --git a/packages/e2e-tests/specs/editor/various/style-variation.test.js b/packages/e2e-tests/specs/editor/various/style-variation.test.js
@@ -13,17 +13,17 @@ describe( 'adding blocks', () => {
 		await createNewPost();
 	} );
 
-	it( 'Should switch the style of the quote block', async () => {
+	it( 'Should switch to the large style of the quote block', async () => {
 		// Inserting a quote block
 		await insertBlock( 'Quote' );
 		await page.keyboard.type( 'Quote content' );
 
 		await clickBlockToolbarButton( 'Quote' );
 
-		const styleVariations = await page.$$(
-			'.block-editor-block-styles__item'
+		const largeStyleButton = await page.waitForXPath(
+			'//*[@role="menuitem"][contains(., "Large")]'
 		);
-		await styleVariations[ 1 ].click();
+		await largeStyleButton.click();
 
 		// Check the content
 		const content = await getEditedPostContent();