E2E tests: move the hello gutenberg cypress test

test/e2e/specs/a11y.test.js

@@ -1,62 +1,13 @@
 /* eslint-env jest */
-/* global page, browser */
+/* global page */
 
-const path = require( 'path' );
-const url = require( 'url' );
-const puppeteer = require( 'puppeteer' );
-
-// Config
-
-const BASE_URL = 'http:https://localhost:8888';
-const USERNAME = 'admin';
-const PASSWORD = 'password';
-
-// Global Setup
-
-beforeAll( async () => {
- global.browser = await puppeteer.launch();
- global.page = await browser.newPage();
-} );
-
-afterAll( async () => {
- await browser.close();
-} );
-
-// Utilities
-
-function getUrl( urlPath ) {
- return path.join( BASE_URL, urlPath );
-}
-
-function getCurrentPathName() {
- return url.parse( page.url() ).pathname;
-}
-
-async function login() {
- if ( getCurrentPathName() !== '/wp-login.php' ) {
- await page.goto( getUrl( 'wp-login.php' ) );
- }
-
- await page.type( '#user_login', USERNAME );
- await page.type( '#user_pass', PASSWORD );
- await page.click( '#wp-submit' );
- return page.waitForNavigation();
-}
-
-async function visitAdmin( adminPath ) {
- await page.goto( path.join( BASE_URL, 'wp-admin', adminPath ) );
- if ( getCurrentPathName() === '/wp-login.php' ) {
- await login();
- return visitAdmin( adminPath );
- }
-}
-
-async function newPost() {
- await visitAdmin( 'post-new.php' );
-}
+/**
+ * Internal dependencies
+ */
+import './support/bootstrap';
+import { newPost } from './support';
 
 // Tests
-
 describe( 'a11y', () => {
  beforeAll( async () => {
  await newPost();

test/e2e/specs/hello.test.js

@@ -0,0 +1,34 @@
+/* eslint-env jest */
+/* global page */
+
+/**
+ * Internal dependencies
+ */
+import './support/bootstrap';
+import { newPost, visitAdmin } from './support';
+
+// Tests
+describe( 'hello', () => {
+ beforeAll( async () => {
+ await newPost();
+ } );
+
+ it( 'Should show the New Post Page in Gutenberg', async () => {
+ expect( page.url() ).toEqual( expect.stringContaining( 'post-new.php' ) );
+ const title = await page.$( '[placeholder="Add title"]' );
+ expect( title ).not.toBeNull();
+ } );
+
+ it( 'Should have no history', async () => {
+ const undoButton = await page.$( '.editor-history__undo:not( :disabled )' );
+ const redoButton = await page.$( '.editor-history__redo:not( :disabled )' );
+
+ expect( undoButton ).toBeNull();
+ expect( redoButton ).toBeNull();
+ } );
+
+ it( 'Should not prompt to confirm unsaved changes', async () => {
+ await visitAdmin( 'edit.php' );
+ expect( page.url() ).not.toEqual( expect.stringContaining( 'post-new.php' ) );
+ } );
+} );

test/e2e/specs/support/bootstrap.js

@@ -0,0 +1,12 @@
+/* eslint-env jest */
+/* global browser */
+import puppeteer from 'puppeteer';
+
+beforeAll( async () => {
+ global.browser = await puppeteer.launch( { headless: false } );
+ global.page = await browser.newPage();
+} );
+
+afterAll( async () => {
+ await browser.close();
+} );

test/e2e/specs/support/index.js

@@ -0,0 +1,39 @@
+/* global page */
+import path from 'path';
+import url from 'url';
+
+// Config
+const BASE_URL = 'http:https://localhost:8888';
+const USERNAME = 'admin';
+const PASSWORD = 'password';
+
+function getUrl( urlPath ) {
+ return path.join( BASE_URL, urlPath );
+}
+
+function getCurrentPathName() {
+ return url.parse( page.url() ).pathname;
+}
+
+async function login() {
+ if ( getCurrentPathName() !== '/wp-login.php' ) {
+ await page.goto( getUrl( 'wp-login.php' ) );
+ }
+
+ await page.type( '#user_login', USERNAME );
+ await page.type( '#user_pass', PASSWORD );
+ await page.click( '#wp-submit' );
+ return page.waitForNavigation();
+}
+
+export async function visitAdmin( adminPath ) {
+ await page.goto( path.join( BASE_URL, 'wp-admin', adminPath ) );
+ if ( getCurrentPathName() === '/wp-login.php' ) {
+ await login();
+ return visitAdmin( adminPath );
+ }
+}
+
+export async function newPost() {
+ await visitAdmin( 'post-new.php' );
+}