@wordpress/e2e-tests 4.6.0 → 4.9.0

package/specs/site-editor/multi-entity-saving.test.js

@@ -207,15 +207,15 @@ describe( 'Multi-entity save flow', () => {
 			await page.keyboard.type( '...' );
 
 			await insertBlock( 'Site Tagline' );
-			// Ensure tagline is retrieved before typing.
+			// Wait for the placeholder.
 			await page.waitForXPath(
-				'//p[contains(text(), "Just another WordPress site")]'
+				'//span[@data-rich-text-placeholder="Write site tagline…"]'
 			);
 			const editableSiteTagLineSelector =
 				'.wp-block-site-tagline[contenteditable="true"]';
 			await page.waitForSelector( editableSiteTagLineSelector );
 			await page.focus( editableSiteTagLineSelector );
-			await page.keyboard.type( '...' );
+			await page.keyboard.type( 'Just another WordPress site' );
 
 			await clickButton( 'Publish' );
 			await page.waitForSelector( savePanelSelector );

package/specs/editor/blocks/__snapshots__/group.test.js.snap

@@ -1,21 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Group can be created using the block inserter 1`] = `
-"<!-- wp:group -->
-<div class=\\"wp-block-group\\"></div>
-<!-- /wp:group -->"
-`;
-
-exports[`Group can be created using the slash inserter 1`] = `
-"<!-- wp:group -->
-<div class=\\"wp-block-group\\"></div>
-<!-- /wp:group -->"
-`;
-
-exports[`Group can have other blocks appended to it using the button appender 1`] = `
-"<!-- wp:group -->
-<div class=\\"wp-block-group\\"><!-- wp:paragraph -->
-<p>Group Block with a Paragraph</p>
-<!-- /wp:paragraph --></div>
-<!-- /wp:group -->"
-`;

package/specs/editor/blocks/__snapshots__/list.test.js.snap

@@ -1,337 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`List can be converted to a quote 1`] = `
-"<!-- wp:quote -->
-<blockquote class=\\"wp-block-quote\\"><p>one</p><p>two</p></blockquote>
-<!-- /wp:quote -->"
-`;
-
-exports[`List can be converted to paragraphs 1`] = `
-"<!-- wp:paragraph -->
-<p>one</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>two</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`List can be converted when nested to paragraphs 1`] = `
-"<!-- wp:paragraph -->
-<p>one</p>
-<!-- /wp:paragraph -->
-
-<!-- wp:paragraph -->
-<p>two</p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`List can be created by converting a paragraph 1`] = `
-"<!-- wp:list -->
-<ul><li>test</li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List can be created by converting a paragraph with line breaks 1`] = `
-"<!-- wp:list -->
-<ul><li>one</li><li>two</li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List can be created by converting a quote 1`] = `
-"<!-- wp:list -->
-<ul><li>one</li><li>two</li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List can be created by converting multiple paragraphs 1`] = `
-"<!-- wp:list -->
-<ul><li>one</li><li>two</li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List can be created by typing "/list" 1`] = `
-"<!-- wp:list -->
-<ul><li>I’m a list</li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List can be created by typing an asterisk in front of text of a paragraph block 1`] = `
-"<!-- wp:list -->
-<ul><li>test</li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List can be created by using a number at the start of a paragraph block 1`] = `
-"<!-- wp:list {\\"ordered\\":true} -->
-<ol><li>A list item</li></ol>
-<!-- /wp:list -->"
-`;
-
-exports[`List can be created by using an asterisk at the start of a paragraph block 1`] = `
-"<!-- wp:list -->
-<ul><li>A list item</li><li>Another list item</li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List can undo asterisk transform 1`] = `
-"<!-- wp:paragraph -->
-<p>1. </p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`List first empty list item is graciously removed 1`] = `
-"<!-- wp:list -->
-<ul><li>2</li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List should be immeadiately saved on indentation 1`] = `
-"<!-- wp:list -->
-<ul><li>one<ul><li></li></ul></li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List should change the base list type 1`] = `
-"<!-- wp:list {\\"ordered\\":true} -->
-<ol><li></li></ol>
-<!-- /wp:list -->"
-`;
-
-exports[`List should change the indented list type 1`] = `
-"<!-- wp:list -->
-<ul><li>a<ol><li>1</li></ol></li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List should create and remove indented list with keyboard only 1`] = `
-"<!-- wp:list -->
-<ul><li>1<ul><li>a<ul><li>i</li></ul></li></ul></li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List should create and remove indented list with keyboard only 2`] = `
-"<!-- wp:list -->
-<ul><li>1<ul><li>a</li><li></li></ul></li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List should create and remove indented list with keyboard only 3`] = `
-"<!-- wp:list -->
-<ul><li>1<ul><li>a</li></ul></li><li></li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List should create and remove indented list with keyboard only 4`] = `
-"<!-- wp:list -->
-<ul><li>1<ul><li>a</li></ul></li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List should create and remove indented list with keyboard only 5`] = `
-"<!-- wp:list -->
-<ul><li>1</li><li></li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List should create and remove indented list with keyboard only 6`] = `
-"<!-- wp:list -->
-<ul><li>1</li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List should create and remove indented list with keyboard only 7`] = `""`;
-
-exports[`List should create paragraph on split at end and merge back with content 1`] = `
-"<!-- wp:list -->
-<ul><li>one</li></ul>
-<!-- /wp:list -->
-
-<!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`List should create paragraph on split at end and merge back with content 2`] = `
-"<!-- wp:list -->
-<ul><li>one</li><li>two</li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List should indent and outdent level 1 1`] = `
-"<!-- wp:list -->
-<ul><li>a<ul><li>1</li></ul></li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List should indent and outdent level 1 2`] = `
-"<!-- wp:list -->
-<ul><li>a</li><li>1</li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List should indent and outdent level 2 1`] = `
-"<!-- wp:list -->
-<ul><li>a<ul><li>1<ul><li>i</li></ul></li></ul></li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List should indent and outdent level 2 2`] = `
-"<!-- wp:list -->
-<ul><li>a<ul><li>1</li><li>i</li></ul></li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List should indent and outdent level 2 3`] = `
-"<!-- wp:list -->
-<ul><li>a<ul><li>1</li></ul></li><li>i</li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List should insert a line break on shift+enter 1`] = `
-"<!-- wp:list -->
-<ul><li>a<br></li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List should insert a line break on shift+enter in a non trailing list item 1`] = `
-"<!-- wp:list -->
-<ul><li>a</li><li>b<br></li><li>c</li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List should not change the contents when you change the list type to Unordered 1`] = `"<li>a</li><li>b</li><li>c</li>"`;
-
-exports[`List should not change the contents when you change the list type to Ordered 1`] = `"<li>1</li><li>2</li><li>3</li>"`;
-
-exports[`List should not indent list on space with modifier 1`] = `
-"<!-- wp:list -->
-<ul><li>1</li><li> </li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List should not transform lines in block when transforming multiple blocks 1`] = `
-"<!-- wp:list -->
-<ul><li>one<br>...</li><li>two</li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List should not undo asterisk transform with backspace after selection change 1`] = `""`;
-
-exports[`List should not undo asterisk transform with backspace after typing 1`] = `""`;
-
-exports[`List should only convert to list when shortcut ends with space 1`] = `
-"<!-- wp:paragraph -->
-<p>* </p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`List should outdent with children 1`] = `
-"<!-- wp:list -->
-<ul><li>a<ul><li>b<ul><li>c</li></ul></li></ul></li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List should outdent with children 2`] = `
-"<!-- wp:list -->
-<ul><li>a</li><li>b<ul><li>c</li></ul></li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List should place the caret in the right place with nested list 1`] = `
-"<!-- wp:list -->
-<ul><li>1</li><li>2<ul><li>a</li></ul></li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List should preserve indentation after merging backward and forward 1`] = `
-"<!-- wp:list -->
-<ul><li>1<ul><li>2</li><li>3</li></ul></li><li></li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List should preserve indentation after merging backward and forward 2`] = `
-"<!-- wp:list -->
-<ul><li>1<ul><li>2</li><li>3</li></ul></li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List should split indented list item 1`] = `
-"<!-- wp:list -->
-<ul><li>one<ul><li>two</li><li>three</li></ul></li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List should split into two ordered lists with paragraph 1`] = `
-"<!-- wp:list {\\"ordered\\":true} -->
-<ol><li>one</li></ol>
-<!-- /wp:list -->
-
-<!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph -->
-
-<!-- wp:list {\\"ordered\\":true} -->
-<ol><li>two</li></ol>
-<!-- /wp:list -->"
-`;
-
-exports[`List should split into two with paragraph and merge lists 1`] = `
-"<!-- wp:list -->
-<ul><li>one</li><li></li><li>two</li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List should split into two with paragraph and merge lists 2`] = `
-"<!-- wp:list -->
-<ul><li>one</li></ul>
-<!-- /wp:list -->
-
-<!-- wp:paragraph -->
-<p></p>
-<!-- /wp:paragraph -->
-
-<!-- wp:list -->
-<ul><li>two</li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List should split into two with paragraph and merge lists 3`] = `
-"<!-- wp:list -->
-<ul><li>one</li><li></li></ul>
-<!-- /wp:list -->
-
-<!-- wp:list -->
-<ul><li>two</li></ul>
-<!-- /wp:list -->"
-`;
-
-exports[`List should undo asterisk transform with backspace 1`] = `
-"<!-- wp:paragraph -->
-<p>* </p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`List should undo asterisk transform with backspace after selection changes 1`] = `
-"<!-- wp:paragraph -->
-<p>* </p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`List should undo asterisk transform with backspace after selection changes without requestIdleCallback 1`] = `
-"<!-- wp:paragraph -->
-<p>* </p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`List should undo asterisk transform with backspace setting isTyping state 1`] = `
-"<!-- wp:paragraph -->
-<p>* </p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`List should undo asterisk transform with escape 1`] = `
-"<!-- wp:paragraph -->
-<p>* </p>
-<!-- /wp:paragraph -->"
-`;

package/specs/editor/blocks/comments.test.js

@@ -1,131 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	activateTheme,
-	createNewPost,
-	insertBlock,
-	pressKeyTimes,
-	publishPost,
-	setOption,
-	trashAllComments,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Comments', () => {
-	let previousPageComments,
-		previousCommentsPerPage,
-		previousDefaultCommentsPage;
-	beforeAll( async () => {
-		await activateTheme( 'emptytheme' );
-		previousPageComments = await setOption( 'page_comments', '1' );
-		previousCommentsPerPage = await setOption( 'comments_per_page', '1' );
-		previousDefaultCommentsPage = await setOption(
-			'default_comments_page',
-			'newest'
-		);
-	} );
-	it( 'We show no results message if there are no comments', async () => {
-		await trashAllComments();
-		await createNewPost();
-		await insertBlock( 'Comments' );
-		await page.waitForXPath( '//p[contains(text(), "No results found.")]' );
-	} );
-	it( 'Pagination links are working as expected', async () => {
-		await createNewPost();
-		await insertBlock( 'Comments' );
-		await publishPost();
-		// Visit the post that was just published.
-		await page.click(
-			'.post-publish-panel__postpublish-buttons .is-primary'
-		);
-
-		// TODO: We can extract this into a util once we find we need it elsewhere.
-		// Create three comments for that post.
-		for ( let i = 0; i < 3; i++ ) {
-			await page.waitForSelector( 'textarea#comment' );
-			await page.click( 'textarea#comment' );
-			await page.type(
-				`textarea#comment`,
-				`This is an automated comment - ${ i }`
-			);
-			await pressKeyTimes( 'Tab', 1 );
-			await Promise.all( [
-				page.keyboard.press( 'Enter' ),
-				page.waitForNavigation( { waitUntil: 'networkidle0' } ),
-			] );
-		}
-
-		// We check that there is a previous comments page link.
-		expect(
-			await page.$( '.wp-block-comments-pagination-previous' )
-		).not.toBeNull();
-		expect(
-			await page.$( '.wp-block-comments-pagination-next' )
-		).toBeNull();
-
-		await Promise.all( [
-			page.click( '.wp-block-comments-pagination-previous' ),
-			page.waitForNavigation( { waitUntil: 'networkidle0' } ),
-		] );
-
-		// We check that there are a previous and a next link.
-		expect(
-			await page.$( '.wp-block-comments-pagination-previous' )
-		).not.toBeNull();
-		expect(
-			await page.$( '.wp-block-comments-pagination-next' )
-		).not.toBeNull();
-
-		await Promise.all( [
-			page.click( '.wp-block-comments-pagination-previous' ),
-			page.waitForNavigation( { waitUntil: 'networkidle0' } ),
-		] );
-
-		// We check that there is only have a next link
-		expect(
-			await page.$( '.wp-block-comments-pagination-previous' )
-		).toBeNull();
-		expect(
-			await page.$( '.wp-block-comments-pagination-next' )
-		).not.toBeNull();
-	} );
-	it( 'Pagination links are not appearing if break comments is not enabled', async () => {
-		await setOption( 'page_comments', '0' );
-		await createNewPost();
-		await insertBlock( 'Comments' );
-		await publishPost();
-		// Visit the post that was just published.
-		await page.click(
-			'.post-publish-panel__postpublish-buttons .is-primary'
-		);
-
-		// Create three comments for that post.
-		for ( let i = 0; i < 3; i++ ) {
-			await page.waitForSelector( 'textarea#comment' );
-			await page.click( 'textarea#comment' );
-			await page.type(
-				`textarea#comment`,
-				`This is an automated comment - ${ i }`
-			);
-			await pressKeyTimes( 'Tab', 1 );
-			await Promise.all( [
-				page.keyboard.press( 'Enter' ),
-				page.waitForNavigation( { waitUntil: 'networkidle0' } ),
-			] );
-		}
-		// We check that there are no comments page link.
-		expect(
-			await page.$( '.wp-block-comments-pagination-previous' )
-		).toBeNull();
-		expect(
-			await page.$( '.wp-block-comments-pagination-next' )
-		).toBeNull();
-	} );
-	afterAll( async () => {
-		await trashAllComments();
-		await activateTheme( 'twentytwentyone' );
-		await setOption( 'page_comments', previousPageComments );
-		await setOption( 'comments_per_page', previousCommentsPerPage );
-		await setOption( 'default_comments_page', previousDefaultCommentsPage );
-	} );
-} );

package/specs/editor/blocks/group.test.js

@@ -1,43 +0,0 @@
-/**
- * WordPress dependencies
- */
-import {
-	clickBlockAppender,
-	searchForBlock,
-	getEditedPostContent,
-	createNewPost,
-} from '@wordpress/e2e-test-utils';
-
-describe( 'Group', () => {
-	beforeEach( async () => {
-		await createNewPost();
-	} );
-
-	it( 'can be created using the block inserter', async () => {
-		await searchForBlock( 'Group' );
-		await page.click( '.editor-block-list-item-group' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'can be created using the slash inserter', async () => {
-		await clickBlockAppender();
-		await page.keyboard.type( '/group' );
-		await page.waitForXPath(
-			`//*[contains(@class, "components-autocomplete__result") and contains(@class, "is-selected") and contains(text(), 'Group')]`
-		);
-		await page.keyboard.press( 'Enter' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-
-	it( 'can have other blocks appended to it using the button appender', async () => {
-		await searchForBlock( 'Group' );
-		await page.click( '.editor-block-list-item-group' );
-		await page.click( '.block-editor-button-block-appender' );
-		await page.click( '.editor-block-list-item-paragraph' );
-		await page.keyboard.type( 'Group Block with a Paragraph' );
-
-		expect( await getEditedPostContent() ).toMatchSnapshot();
-	} );
-} );