From ea59dfc00a200d6c7fa922efd8d31df0666e246a Mon Sep 17 00:00:00 2001 From: Jorge Date: Mon, 26 Nov 2018 21:26:52 +0000 Subject: [PATCH] Add: Generic end 2 end test to the block transforms. --- packages/e2e-test-utils/README.md | 82 ++++---- .../e2e-test-utils/src/get-block-title.js | 11 ++ packages/e2e-test-utils/src/index.js | 1 + .../e2e-tests/fixtures/block-transforms.js | 178 +++++++++++++++++ .../block-transforms.test.js.snap | 183 ++++++++++++++++++ .../e2e-tests/specs/block-transforms.test.js | 175 +++++++++++++++++ 6 files changed, 596 insertions(+), 34 deletions(-) create mode 100644 packages/e2e-test-utils/src/get-block-title.js create mode 100644 packages/e2e-tests/fixtures/block-transforms.js create mode 100644 packages/e2e-tests/specs/__snapshots__/block-transforms.test.js.snap create mode 100644 packages/e2e-tests/specs/block-transforms.test.js diff --git a/packages/e2e-test-utils/README.md b/packages/e2e-test-utils/README.md index 039bd766b19639..1bc40d52151e07 100644 --- a/packages/e2e-test-utils/README.md +++ b/packages/e2e-test-utils/README.md @@ -88,7 +88,7 @@ Clicks on More Menu item, searches for the button with the text provided and cli ### createEmbeddingMatcher -[src/index.js#L51-L51](src/index.js#L51-L51) +[src/index.js#L52-L52](src/index.js#L52-L52) Creates a function to determine if a request is embedding a certain URL. @@ -102,7 +102,7 @@ Creates a function to determine if a request is embedding a certain URL. ### createJSONResponse -[src/index.js#L51-L51](src/index.js#L51-L51) +[src/index.js#L52-L52](src/index.js#L52-L52) Respond to a request with a JSON response. @@ -141,7 +141,7 @@ Creates new URL by parsing base URL, WPPath and query string. ### createURLMatcher -[src/index.js#L51-L51](src/index.js#L51-L51) +[src/index.js#L52-L52](src/index.js#L52-L52) Creates a function to determine if a request is calling a URL with the substring present. @@ -251,10 +251,24 @@ that the current selected block can be transformed into. `Promise`: Promise resolving with an array containing all possible block transforms -### getEditedPostContent +### getBlockTitle [src/index.js#L21-L21](src/index.js#L21-L21) +Returns a string containing the block title associated with the provided block name. + +**Parameters** + +- **blockName** `string`: Block name. + +**Returns** + +`Promise`: Promise resolving with a string containing the block title. + +### getEditedPostContent + +[src/index.js#L22-L22](src/index.js#L22-L22) + Returns a promise which resolves with the edited post content (HTML string). **Returns** @@ -263,7 +277,7 @@ Returns a promise which resolves with the edited post content (HTML string). ### hasBlockSwitcher -[src/index.js#L22-L22](src/index.js#L22-L22) +[src/index.js#L23-L23](src/index.js#L23-L23) Returns a boolean indicating if the current selected block has a block switcher or not. @@ -273,7 +287,7 @@ Returns a boolean indicating if the current selected block has a block switcher ### insertBlock -[src/index.js#L23-L23](src/index.js#L23-L23) +[src/index.js#L24-L24](src/index.js#L24-L24) Opens the inserter, searches for the given term, then selects the first result that appears. @@ -285,7 +299,7 @@ result that appears. ### installPlugin -[src/index.js#L24-L24](src/index.js#L24-L24) +[src/index.js#L25-L25](src/index.js#L25-L25) Installs a plugin from the WP.org repository. @@ -296,7 +310,7 @@ Installs a plugin from the WP.org repository. ### isCurrentURL -[src/index.js#L25-L25](src/index.js#L25-L25) +[src/index.js#L26-L26](src/index.js#L26-L26) Checks if current URL is a WordPress path. @@ -311,7 +325,7 @@ Checks if current URL is a WordPress path. ### isInDefaultBlock -[src/index.js#L26-L26](src/index.js#L26-L26) +[src/index.js#L27-L27](src/index.js#L27-L27) Checks if the block that is focused is the default block. @@ -321,7 +335,7 @@ Checks if the block that is focused is the default block. ### loginUser -[src/index.js#L27-L27](src/index.js#L27-L27) +[src/index.js#L28-L28](src/index.js#L28-L28) Performs log in with specified username and password. @@ -332,7 +346,7 @@ Performs log in with specified username and password. ### mockOrTransform -[src/index.js#L51-L51](src/index.js#L51-L51) +[src/index.js#L52-L52](src/index.js#L52-L52) Mocks a request with the supplied mock object, or allows it to run with an optional transform, based on the deserialised JSON response for the request. @@ -349,38 +363,38 @@ deserialised JSON response for the request. ### observeFocusLoss -[src/index.js#L28-L28](src/index.js#L28-L28) +[src/index.js#L29-L29](src/index.js#L29-L29) Binds to the document on page load which throws an error if a `focusout` event occurs without a related target (i.e. focus loss). ### openAllBlockInserterCategories -[src/index.js#L29-L29](src/index.js#L29-L29) +[src/index.js#L30-L30](src/index.js#L30-L30) Opens all block inserter categories. ### openDocumentSettingsSidebar -[src/index.js#L30-L30](src/index.js#L30-L30) +[src/index.js#L31-L31](src/index.js#L31-L31) Clicks on the button in the header which opens Document Settings sidebar when it is closed. ### openGlobalBlockInserter -[src/index.js#L31-L31](src/index.js#L31-L31) +[src/index.js#L32-L32](src/index.js#L32-L32) Opens the global block inserter. ### openPublishPanel -[src/index.js#L32-L32](src/index.js#L32-L32) +[src/index.js#L33-L33](src/index.js#L33-L33) Opens the publish panel. ### pressKeyTimes -[src/index.js#L33-L33](src/index.js#L33-L33) +[src/index.js#L34-L34](src/index.js#L34-L34) Presses the given keyboard key a number of times in sequence. @@ -395,7 +409,7 @@ Presses the given keyboard key a number of times in sequence. ### pressKeyWithModifier -[src/index.js#L34-L34](src/index.js#L34-L34) +[src/index.js#L35-L35](src/index.js#L35-L35) Performs a key press with modifier (Shift, Control, Meta, Alt), where each modifier is normalized to platform-specific modifier. @@ -407,7 +421,7 @@ is normalized to platform-specific modifier. ### publishPost -[src/index.js#L35-L35](src/index.js#L35-L35) +[src/index.js#L36-L36](src/index.js#L36-L36) Publishes the post, resolving once the request is complete (once a notice is displayed). @@ -418,7 +432,7 @@ is displayed). ### publishPostWithPrePublishChecksDisabled -[src/index.js#L36-L36](src/index.js#L36-L36) +[src/index.js#L37-L37](src/index.js#L37-L37) Publishes the post without the pre-publish checks, resolving once the request is complete (once a notice is displayed). @@ -429,7 +443,7 @@ resolving once the request is complete (once a notice is displayed). ### saveDraft -[src/index.js#L37-L37](src/index.js#L37-L37) +[src/index.js#L38-L38](src/index.js#L38-L38) Saves the post as a draft, resolving once the request is complete (once the "Saved" indicator is displayed). @@ -440,7 +454,7 @@ Saves the post as a draft, resolving once the request is complete (once the ### searchForBlock -[src/index.js#L38-L38](src/index.js#L38-L38) +[src/index.js#L39-L39](src/index.js#L39-L39) Search for block in the global inserter @@ -450,7 +464,7 @@ Search for block in the global inserter ### selectBlockByClientId -[src/index.js#L39-L39](src/index.js#L39-L39) +[src/index.js#L40-L40](src/index.js#L40-L40) Given the clientId of a block, selects the block on the editor. @@ -460,7 +474,7 @@ Given the clientId of a block, selects the block on the editor. ### setBrowserViewport -[src/index.js#L40-L40](src/index.js#L40-L40) +[src/index.js#L41-L41](src/index.js#L41-L41) Sets browser viewport to specified type. @@ -470,7 +484,7 @@ Sets browser viewport to specified type. ### setPostContent -[src/index.js#L41-L41](src/index.js#L41-L41) +[src/index.js#L42-L42](src/index.js#L42-L42) Sets code editor content @@ -484,7 +498,7 @@ Sets code editor content ### setUpResponseMocking -[src/index.js#L51-L51](src/index.js#L51-L51) +[src/index.js#L52-L52](src/index.js#L52-L52) Sets up mock checks and responses. Accepts a list of mock settings with the following properties: @@ -515,7 +529,7 @@ If none of the mock settings match the request, the request is allowed to contin ### switchEditorModeTo -[src/index.js#L42-L42](src/index.js#L42-L42) +[src/index.js#L43-L43](src/index.js#L43-L43) Switches editor mode. @@ -525,21 +539,21 @@ Switches editor mode. ### switchUserToAdmin -[src/index.js#L43-L43](src/index.js#L43-L43) +[src/index.js#L44-L44](src/index.js#L44-L44) Switches the current user to the admin user (if the user running the test is not already the admin user). ### switchUserToTest -[src/index.js#L44-L44](src/index.js#L44-L44) +[src/index.js#L45-L45](src/index.js#L45-L45) Switches the current user to whichever user we should be running the tests as (if we're not already that user). ### toggleScreenOption -[src/index.js#L45-L45](src/index.js#L45-L45) +[src/index.js#L46-L46](src/index.js#L46-L46) Toggles the screen option with the given label. @@ -550,7 +564,7 @@ Toggles the screen option with the given label. ### transformBlockTo -[src/index.js#L46-L46](src/index.js#L46-L46) +[src/index.js#L47-L47](src/index.js#L47-L47) Converts editor's block type. @@ -560,7 +574,7 @@ Converts editor's block type. ### uninstallPlugin -[src/index.js#L47-L47](src/index.js#L47-L47) +[src/index.js#L48-L48](src/index.js#L48-L48) Uninstalls a plugin. @@ -570,7 +584,7 @@ Uninstalls a plugin. ### visitAdminPage -[src/index.js#L48-L48](src/index.js#L48-L48) +[src/index.js#L49-L49](src/index.js#L49-L49) Visits admin page; if user is not logged in then it logging in it first, then visits admin page. @@ -581,7 +595,7 @@ Visits admin page; if user is not logged in then it logging in it first, then vi ### waitForWindowDimensions -[src/index.js#L49-L49](src/index.js#L49-L49) +[src/index.js#L50-L50](src/index.js#L50-L50) Function that waits until the page viewport has the required dimensions. It is being used to address a problem where after using setViewport the execution may continue, diff --git a/packages/e2e-test-utils/src/get-block-title.js b/packages/e2e-test-utils/src/get-block-title.js new file mode 100644 index 00000000000000..4c1158715a6876 --- /dev/null +++ b/packages/e2e-test-utils/src/get-block-title.js @@ -0,0 +1,11 @@ +/** + * Returns a string containing the block title associated with the provided block name. + * @param {string} blockName Block name. + * + * @return {Promise} Promise resolving with a string containing the block title. + */ +export async function getBlockTitle( blockName ) { + return page.evaluate( ( _blockName ) => { + return wp.data.select( 'core/blocks' ).getBlockType( _blockName ).title; + }, blockName ); +} diff --git a/packages/e2e-test-utils/src/index.js b/packages/e2e-test-utils/src/index.js index 3543abbbb36094..67c921cf3af740 100644 --- a/packages/e2e-test-utils/src/index.js +++ b/packages/e2e-test-utils/src/index.js @@ -18,6 +18,7 @@ export { findSidebarPanelWithTitle } from './find-sidebar-panel-with-title'; export { getAllBlockInserterItemTitles } from './get-all-block-inserter-item-titles'; export { getAllBlocks } from './get-all-blocks'; export { getAvailableBlockTransforms } from './get-available-block-transforms'; +export { getBlockTitle } from './get-block-title'; export { getEditedPostContent } from './get-edited-post-content'; export { hasBlockSwitcher } from './has-block-switcher'; export { insertBlock } from './insert-block'; diff --git a/packages/e2e-tests/fixtures/block-transforms.js b/packages/e2e-tests/fixtures/block-transforms.js new file mode 100644 index 00000000000000..bf1e218958c41a --- /dev/null +++ b/packages/e2e-tests/fixtures/block-transforms.js @@ -0,0 +1,178 @@ +export const EXPECTED_TRANSFORMS = { + core__archives: { + originalBlock: 'Archives', + availableTransforms: [], + }, + core__archives__showPostCounts: { + originalBlock: 'Archives', + availableTransforms: [], + }, + core__button__center: { + originalBlock: 'Button', + availableTransforms: [], + }, + core__calendar: { + originalBlock: 'Calendar', + availableTransforms: [], + }, + core__categories: { + originalBlock: 'Categories', + availableTransforms: [], + }, + core__code: { + originalBlock: 'Code', + availableTransforms: [ + 'Preformatted', + ], + }, + core__columns: { + originalBlock: 'Columns', + availableTransforms: [], + }, + core__embed: { + originalBlock: 'Embed', + availableTransforms: [], + }, + 'core__heading__h2-em': { + originalBlock: 'Heading', + availableTransforms: [ + 'Quote', + 'Paragraph', + ], + }, + core__heading__h2: { + originalBlock: 'Heading', + availableTransforms: [ + 'Quote', + 'Paragraph', + ], + }, + core__html: { + originalBlock: 'Custom HTML', + availableTransforms: [], + }, + 'core__latest-comments': { + originalBlock: 'Latest Comments', + availableTransforms: [], + }, + 'core__latest-posts': { + originalBlock: 'Latest Posts', + availableTransforms: [], + }, + 'core__latest-posts__displayPostDate': { + originalBlock: 'Latest Posts', + availableTransforms: [], + }, + 'core__legacy-widget': { + originalBlock: 'Legacy Widget (Experimental)', + availableTransforms: [], + }, + core__list__ul: { + originalBlock: 'List', + availableTransforms: [ + 'Paragraph', + 'Quote', + ], + }, + core__more: { + originalBlock: 'More', + availableTransforms: [], + }, + 'core__more__custom-text-teaser': { + originalBlock: 'More', + availableTransforms: [], + }, + core__nextpage: { + originalBlock: 'Page Break', + availableTransforms: [], + }, + 'core__paragraph__align-right': { + originalBlock: 'Paragraph', + availableTransforms: [ + 'Heading', + 'List', + 'Quote', + 'Preformatted', + 'Verse', + ], + }, + core__preformatted: { + originalBlock: 'Preformatted', + availableTransforms: [ + 'Paragraph', + ], + }, + core__pullquote: { + originalBlock: 'Pullquote', + availableTransforms: [ + 'Quote', + ], + }, + 'core__pullquote__multi-paragraph': { + originalBlock: 'Pullquote', + availableTransforms: [ + 'Quote', + ], + }, + 'core__quote__style-1': { + originalBlock: 'Quote', + availableTransforms: [ + 'List', + 'Paragraph', + 'Heading', + 'Pullquote', + ], + }, + 'core__quote__style-2': { + originalBlock: 'Quote', + availableTransforms: [ + 'List', + 'Paragraph', + 'Heading', + 'Pullquote', + ], + }, + core__rss: { + originalBlock: 'RSS', + availableTransforms: [], + }, + core__search: { + originalBlock: 'Search', + availableTransforms: [], + }, + 'core__search__custom-text': { + originalBlock: 'Search', + availableTransforms: [], + }, + core__separator: { + originalBlock: 'Separator', + availableTransforms: [], + }, + core__shortcode: { + originalBlock: 'Shortcode', + availableTransforms: [], + }, + core__spacer: { + originalBlock: 'Spacer', + availableTransforms: [], + }, + core__table: { + originalBlock: 'Table', + availableTransforms: [], + }, + 'core__tag-cloud': { + originalBlock: 'Tag Cloud', + availableTransforms: [], + }, + 'core__tag-cloud__showTagCounts': { + originalBlock: 'Tag Cloud', + availableTransforms: [ + ], + }, + core__verse: { + originalBlock: 'Verse', + availableTransforms: [ + 'Paragraph', + ], + }, +}; diff --git a/packages/e2e-tests/specs/__snapshots__/block-transforms.test.js.snap b/packages/e2e-tests/specs/__snapshots__/block-transforms.test.js.snap new file mode 100644 index 00000000000000..7dc1d111835c6b --- /dev/null +++ b/packages/e2e-tests/specs/__snapshots__/block-transforms.test.js.snap @@ -0,0 +1,183 @@ +// Jest Snapshot v1, https://goo.gl/fbAQLP + +exports[`test transforms individual transforms work as expected Code block should transform to Preformatted block. fixture: core__code 1`] = ` +" +
export default function MyButton() {
+	return ;
+}
+" +`; + +exports[`test transforms individual transforms work as expected Heading block should transform to Paragraph block. fixture: core__heading__h2 1`] = ` +" +

A picture is worth a thousand words, or so the saying goes

+" +`; + +exports[`test transforms individual transforms work as expected Heading block should transform to Paragraph block. fixture: core__heading__h2-em 1`] = ` +" +

The Inserter Tool

+" +`; + +exports[`test transforms individual transforms work as expected Heading block should transform to Quote block. fixture: core__heading__h2 1`] = ` +" +

A picture is worth a thousand words, or so the saying goes

+" +`; + +exports[`test transforms individual transforms work as expected Heading block should transform to Quote block. fixture: core__heading__h2-em 1`] = ` +" +

The Inserter Tool

+" +`; + +exports[`test transforms individual transforms work as expected List block should transform to Paragraph block. fixture: core__list__ul 1`] = ` +" +

Text & Headings

+ + + +

Images & Videos

+ + + +

Galleries

+ + + +

Embeds, like YouTube, Tweets, or other WordPress posts.

+ + + +

Layout blocks, like Buttons, Hero Images, Separators, etc.

+ + + +

And Lists like this one of course :)

+" +`; + +exports[`test transforms individual transforms work as expected List block should transform to Quote block. fixture: core__list__ul 1`] = ` +" +

Text & Headings

Images & Videos

Galleries

Embeds, like YouTube, Tweets, or other WordPress posts.

Layout blocks, like Buttons, Hero Images, Separators, etc.

And Lists like this one of course :)

+" +`; + +exports[`test transforms individual transforms work as expected Paragraph block should transform to Heading block. fixture: core__paragraph__align-right 1`] = ` +" +

... like this one, which is separate from the above and right aligned.

+" +`; + +exports[`test transforms individual transforms work as expected Paragraph block should transform to List block. fixture: core__paragraph__align-right 1`] = ` +" + +" +`; + +exports[`test transforms individual transforms work as expected Paragraph block should transform to Preformatted block. fixture: core__paragraph__align-right 1`] = ` +" +
... like this one, which is separate from the above and right aligned.
+" +`; + +exports[`test transforms individual transforms work as expected Paragraph block should transform to Quote block. fixture: core__paragraph__align-right 1`] = ` +" +

... like this one, which is separate from the above and right aligned.

+" +`; + +exports[`test transforms individual transforms work as expected Paragraph block should transform to Verse block. fixture: core__paragraph__align-right 1`] = ` +" +
... like this one, which is separate from the above and right aligned.
+" +`; + +exports[`test transforms individual transforms work as expected Preformatted block should transform to Paragraph block. fixture: core__preformatted 1`] = ` +" +

Some preformatted text...
And more!

+" +`; + +exports[`test transforms individual transforms work as expected Pullquote block should transform to Quote block. fixture: core__pullquote 1`] = ` +" +

Testing pullquote block...

...with a caption
+" +`; + +exports[`test transforms individual transforms work as expected Pullquote block should transform to Quote block. fixture: core__pullquote__multi-paragraph 1`] = ` +" +

Paragraph one

Paragraph two

by whomever
+" +`; + +exports[`test transforms individual transforms work as expected Quote block should transform to Heading block. fixture: core__quote__style-1 1`] = ` +" +

The editor will endeavour to create a new page and post building experience that makes writing rich posts effortless, and has “blocks” to make it easy what today might take shortcodes, custom HTML, or “mystery meat” embed discovery.

+ + + +

Matt Mullenweg, 2017
+" +`; + +exports[`test transforms individual transforms work as expected Quote block should transform to Heading block. fixture: core__quote__style-2 1`] = ` +" +

There is no greater agony than bearing an untold story inside you.

+ + + +

Maya Angelou
+" +`; + +exports[`test transforms individual transforms work as expected Quote block should transform to List block. fixture: core__quote__style-1 1`] = ` +" + +" +`; + +exports[`test transforms individual transforms work as expected Quote block should transform to List block. fixture: core__quote__style-2 1`] = ` +" + +" +`; + +exports[`test transforms individual transforms work as expected Quote block should transform to Paragraph block. fixture: core__quote__style-1 1`] = ` +" +

The editor will endeavour to create a new page and post building experience that makes writing rich posts effortless, and has “blocks” to make it easy what today might take shortcodes, custom HTML, or “mystery meat” embed discovery.

+ + + +

Matt Mullenweg, 2017

+" +`; + +exports[`test transforms individual transforms work as expected Quote block should transform to Paragraph block. fixture: core__quote__style-2 1`] = ` +" +

There is no greater agony than bearing an untold story inside you.

+ + + +

Maya Angelou

+" +`; + +exports[`test transforms individual transforms work as expected Quote block should transform to Pullquote block. fixture: core__quote__style-1 1`] = ` +" +

The editor will endeavour to create a new page and post building experience that makes writing rich posts effortless, and has “blocks” to make it easy what today might take shortcodes, custom HTML, or “mystery meat” embed discovery.

Matt Mullenweg, 2017
+" +`; + +exports[`test transforms individual transforms work as expected Quote block should transform to Pullquote block. fixture: core__quote__style-2 1`] = ` +" +

There is no greater agony than bearing an untold story inside you.

Maya Angelou
+" +`; + +exports[`test transforms individual transforms work as expected Verse block should transform to Paragraph block. fixture: core__verse 1`] = ` +" +

A verse…
And more!

+" +`; diff --git a/packages/e2e-tests/specs/block-transforms.test.js b/packages/e2e-tests/specs/block-transforms.test.js new file mode 100644 index 00000000000000..8e465de1028c7d --- /dev/null +++ b/packages/e2e-tests/specs/block-transforms.test.js @@ -0,0 +1,175 @@ +/** + * External dependencies + */ +import { + filter, + mapValues, + pickBy, + some, +} from 'lodash'; + +/** + * WordPress dependencies + */ +import { + getAllBlocks, + getAvailableBlockTransforms, + getBlockTitle, + getEditedPostContent, + hasBlockSwitcher, + createNewPost, + setPostContent, + selectBlockByClientId, + transformBlockTo, +} from '@wordpress/e2e-test-utils'; + +/** + * Internal dependencies + */ +import { + getAvailableBlockFixturesBasenames, + getBlockFixtureHTML, + getBlockFixtureParsedJSON, +} from '../fixtures/'; +import { EXPECTED_TRANSFORMS } from '../fixtures/block-transforms.js'; + +/* +* Returns true if the fileBase refers to a fixture of a block +* that should not be handled e.g: because of being deprecated, +* or because of being a block that tests an error state. +*/ +const isAnExpectedUnhandledBlock = ( fileBase ) => { + if ( fileBase.includes( 'deprecated' ) ) { + return true; + } + const { file: fixture } = getBlockFixtureParsedJSON( fileBase ); + const parsedBlockObject = JSON.parse( + fixture + )[ 0 ]; + return some( + [ + null, + 'core/block', + 'core/column', + 'core/freeform', + 'core/text-columns', + 'core/subhead', + 'core/text', + 'unregistered/example', + ], + ( blockName ) => parsedBlockObject.blockName === blockName + ); +}; + +const setPostContentAndSelectBlock = async ( content ) => { + await setPostContent( content ); + const blocks = await getAllBlocks(); + const clientId = blocks[ 0 ].clientId; + await page.click( '.editor-post-title .editor-post-title__block' ); + await selectBlockByClientId( clientId ); +}; + +const getTransformStructureFromFile = async ( fileBase ) => { + if ( isAnExpectedUnhandledBlock( fileBase ) ) { + return null; + } + const { file: content } = getBlockFixtureHTML( fileBase ); + await setPostContentAndSelectBlock( content ); + const block = ( await getAllBlocks() )[ 0 ]; + const availableTransforms = await getAvailableBlockTransforms(); + const originalBlock = await getBlockTitle( block.name ); + + return { + availableTransforms, + originalBlock, + content, + }; +}; + +const getTransformResult = async ( blockContent, transformName ) => { + await setPostContentAndSelectBlock( blockContent ); + expect( await hasBlockSwitcher() ).toBe( true ); + await transformBlockTo( transformName ); + return getEditedPostContent(); +}; + +describe( 'test transforms', () => { + // Todo: Remove the filter as soon as all fixtures are corrected, + // and its direct usage on the editor does not trigger errors. + // Currently some fixtures trigger errors (mainly media related) + // because when loaded in the editor, + // some requests are triggered that have a 404 response. + const fileBasenames = filter( + getAvailableBlockFixturesBasenames(), + ( basename ) => ( + ! some( + [ + 'core__image', + 'core__gallery', + 'core__video', + 'core__file', + 'core__media-text', + 'core__audio', + 'core__cover', + ], + ( exclude ) => basename.startsWith( exclude ) + ) + ) + ); + + const transformStructure = {}; + beforeAll( async () => { + await createNewPost(); + + for ( const fileBase of fileBasenames ) { + const structure = await getTransformStructureFromFile( + fileBase + ); + if ( ! structure ) { + continue; + } + transformStructure[ fileBase ] = structure; + await setPostContent( '' ); + await page.click( '.editor-post-title .editor-post-title__block' ); + } + } ); + + it( 'should contain the expected transforms', async () => { + const transforms = mapValues( + pickBy( + transformStructure, + ( { availableTransforms } ) => availableTransforms, + ), + ( { availableTransforms, originalBlock } ) => { + return { originalBlock, availableTransforms }; + } + ); + expect( + transforms + ).toEqual( EXPECTED_TRANSFORMS ); + } ); + + describe( 'individual transforms work as expected', () => { + beforeAll( async () => { + await createNewPost(); + } ); + + beforeEach( async () => { + await setPostContent( '' ); + await page.click( '.editor-post-title .editor-post-title__block' ); + } ); + + for ( const [ fixture, { originalBlock, availableTransforms } ] of Object.entries( EXPECTED_TRANSFORMS ) ) { + for ( const transform of availableTransforms ) { + it( `${ originalBlock } block should transform to ${ transform } block. fixture: ${ fixture }`, + async () => { + const { content } = transformStructure[ fixture ]; + expect( + await getTransformResult( content, transform ) + ).toMatchSnapshot(); + } + ); + } + } + } ); +} );