Skip to content

Commit

Permalink
moved placeholder tests to other file
Browse files Browse the repository at this point in the history
  • Loading branch information
@Addison-Stavlo
Addison-Stavlo committed Apr 25, 2020
1 parent 5345dba commit 34462b3
Showing 1 changed file with 125 additions and 43 deletions.
168 changes: 125 additions & 43 deletions packages/e2e-tests/specs/experiments/template-part.test.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,9 @@
* WordPress dependencies
*/
import {
createNewPost,
insertBlock,
disablePrePublishChecks,
visitAdminPage,
pressKeyWithModifier,
} from '@wordpress/e2e-test-utils';
Expand Down Expand Up @@ -33,54 +36,133 @@ describe( 'Template Part', () => {
'#gutenberg-full-site-editing-demo',
] );
} );
beforeEach( () =>
visitAdminPage(
'admin.php',
addQueryArgs( '', {
page: 'gutenberg-edit-site',
} ).slice( 1 )
)
);

it( 'Should load customizations when in a template even if only the slug and theme attributes are set.', async () => {
// Switch to editing the header template part.
await page.click(
'.components-dropdown-menu__toggle[aria-label="Switch Template"]'
describe( 'Template part block', () => {
beforeEach( () =>
visitAdminPage(
'admin.php',
addQueryArgs( '', {
page: 'gutenberg-edit-site',
} ).slice( 1 )
)
);
const [ switchToHeaderTemplatePartButton ] = await page.$x(
'//button[contains(text(), "header")]'
);
await switchToHeaderTemplatePartButton.click();

// Edit it.
await page.click( '*[data-type="core/paragraph"]' );
await pressKeyWithModifier( 'primary', 'ArrowRight' );
await page.keyboard.type( '123' );
it( 'Should load customizations when in a template even if only the slug and theme attributes are set.', async () => {
// Switch to editing the header template part.
await page.click(
'.components-dropdown-menu__toggle[aria-label="Switch Template"]'
);
const [ switchToHeaderTemplatePartButton ] = await page.$x(
'//button[contains(text(), "header")]'
);
await switchToHeaderTemplatePartButton.click();

// Save it, without saving the front page template.
await page.click( '.edit-site-save-button__button' );
const [ frontPageCheckbox ] = await page.$x(
'//strong[contains(text(),"Front Page")]/../preceding-sibling::span/input'
);
await frontPageCheckbox.click();
await page.click( '.editor-entities-saved-states__save-button' );
await page.waitForSelector(
'.edit-site-save-button__button:not(.is-busy)'
);
// Edit it.
await page.click( '*[data-type="core/paragraph"]' );
await pressKeyWithModifier( 'primary', 'ArrowRight' );
await page.keyboard.type( '123' );

// Switch back to the front page template.
await page.click(
'.components-dropdown-menu__toggle[aria-label="Switch Template"]'
);
const [ switchToFrontPageTemplateButton ] = await page.$x(
'//button[contains(text(), "front-page")]'
);
await switchToFrontPageTemplateButton.click();
// Save it, without saving the front page template.
await page.click( '.edit-site-save-button__button' );
const [ frontPageCheckbox ] = await page.$x(
'//strong[contains(text(),"Front Page")]/../preceding-sibling::span/input'
);
await frontPageCheckbox.click();
await page.click( '.editor-entities-saved-states__save-button' );
await page.waitForSelector(
'.edit-site-save-button__button:not(.is-busy)'
);

// Verify that the header template part is updated.
const [ headerTemplatePart ] = await page.$x(
'//*[@data-type="core/template-part"][//p[text()="Header Template Part123"]]'
);
expect( headerTemplatePart ).not.toBeNull();
// Switch back to the front page template.
await page.click(
'.components-dropdown-menu__toggle[aria-label="Switch Template"]'
);
const [ switchToFrontPageTemplateButton ] = await page.$x(
'//button[contains(text(), "front-page")]'
);
await switchToFrontPageTemplateButton.click();

// Verify that the header template part is updated.
const [ headerTemplatePart ] = await page.$x(
'//*[@data-type="core/template-part"][//p[text()="Header Template Part123"]]'
);
expect( headerTemplatePart ).not.toBeNull();
} );
} );

describe( 'Template part placeholder', () => {
// Test constants for template part.
const testSlug = 'test-template-part';
const testTheme = 'test-theme';
const testContent = 'some words...';

// Selectors
const chooseButtonSelector =
'//div[contains(@class,"is-selected")]//button[text()="Choose"]';
const entitiesSaveSelector =
'.editor-entities-saved-states__save-button';
const savePostSelector = '.editor-post-publish-button__button';
const templatePartSelector = '*[data-type="core/template-part"]';
const activatedTemplatePartSelector = `${ templatePartSelector } .block-editor-inner-blocks`;
const templatePartButtonSelector = `${ templatePartSelector } button`;
const testContentSelector = `//p[contains(., "${ testContent }")]`;

it( 'Should prompt to create when no match found', async () => {
await createNewPost();
await disablePrePublishChecks();
// Create new template part.
await insertBlock( 'Template Part' );
await page.keyboard.type( testSlug );
await page.keyboard.press( 'Tab' );
await page.keyboard.type( testTheme );
// Should say 'Create'
const placeholderButton = await page.$(
templatePartButtonSelector
);
const text = await page.evaluate(
( element ) => element.textContent,
placeholderButton
);
expect( text ).toBe( 'Create' );

// Finish creating template part, insert some text, and save.
await page.keyboard.press( 'Tab' );
await page.keyboard.press( 'Enter' );
await page.waitForSelector( activatedTemplatePartSelector );
await page.click( templatePartSelector );
await page.keyboard.type( testContent );
await page.click( savePostSelector );
await page.click( entitiesSaveSelector );
} );

it( 'Should prompt to Choose when match found', async () => {
await createNewPost();
await disablePrePublishChecks();
// Try to insert the template part we created.
await insertBlock( 'Template Part' );
await page.keyboard.type( testSlug );
await page.keyboard.press( 'Tab' );
await page.keyboard.type( testTheme );
// Should say 'Choose'
const placeholderButton = await page.waitForXPath(
chooseButtonSelector
);
expect( placeholderButton ).not.toBeNull();
} );

it( 'Should dispaly a preview when match is found', async () => {
const [ preview ] = await page.$x( testContentSelector );
expect( preview ).toBeTruthy();
} );

it( 'Should insert the desired template part', async () => {
const [ placeholderButton ] = await page.$x( chooseButtonSelector );
await placeholderButton.click();
await page.waitForSelector( activatedTemplatePartSelector );
const templatePartContent = await page.waitForXPath(
testContentSelector
);
expect( templatePartContent ).toBeTruthy();
} );
} );
} );

0 comments on commit 34462b3

Please sign in to comment.