diff --git a/lib/pages/wp-admin/wp-admin-customizer-page.js b/lib/pages/wp-admin/wp-admin-customizer-page.js new file mode 100644 index 000000000..6ac9fc895 --- /dev/null +++ b/lib/pages/wp-admin/wp-admin-customizer-page.js @@ -0,0 +1,23 @@ +import { By as by, until } from 'selenium-webdriver'; +import BaseContainer from '../../base-container'; + +// import * as driverHelper from '../../driver-helper'; +// import * as driverManager from '../../driver-manager'; + +export default class WpAdminCustomizerPage extends BaseContainer { + constructor( driver ) { + const expectedElementSelector = by.css( '.wp-customizer' ); + super( driver, expectedElementSelector ); + } + + relatedPostsSectionShown() { + let present = false; + + present = this.driver.wait( until.elementLocated( by.css( '#sub-accordion-section-jetpack_relatedposts' ) ), this.explicitWaitMS ).then( () => { + return true; + }, ( ) => { + return false; + } ); + return present; + } +} diff --git a/specs-jetpack/wp-jetpack-pressable.js b/specs-jetpack/wp-jetpack-pressable.js index 2c2510aaa..e7055928c 100644 --- a/specs-jetpack/wp-jetpack-pressable.js +++ b/specs-jetpack/wp-jetpack-pressable.js @@ -28,6 +28,7 @@ import FacebookPage from '../lib/pages/external/facebook-page'; import ViewSitePage from '../lib/pages/view-site-page'; import ViewPostPage from '../lib/pages/view-post-page'; import JetpackComDebugPage from '../lib/pages/jetpack-com-debug-page'; +import WpAdminCustomizerPage from '../lib/pages/wp-admin/wp-admin-customizer-page'; import LoginFlow from '../lib/flows/login-flow'; @@ -769,7 +770,11 @@ test.describe( `Jetpack on Pressable: '${ screenSize }'`, function() { test.it( 'Can link to customize the related posts options within the Jetpack dashboard', function() { this.jetpackSettingsPage.expandFeatureNamed( 'Related Posts' ); - return this.jetpackSettingsPage.followSettingsLink( 'Related Posts' ); + this.jetpackSettingsPage.followSettingsLink( 'Related Posts' ); + this.wpAdminCustomizerPage = new WpAdminCustomizerPage( driver ); + return this.wpAdminCustomizerPage.relatedPostsSectionShown().then( ( displayed ) => { + return assert( displayed, 'The related posts section is not shown in the Customizer' ); + } ); } ); test.xit( 'Can use customizer to change related posts options', function() {