Tests: Introduce some E2E tests for the Quick Draft dashboard widget.

Props isabel_brison, johnbillion.
Fixes #523905.

git-svn-id: https://develop.svn.wordpress.org/trunk@51128 602fd350-edb4-49c9-b593-d223f7449a82

tests/e2e/specs/dashboard.test.js

@@ -0,0 +1,76 @@
+import {
+	pressKeyTimes,
+	trashAllPosts,
+	visitAdminPage,
+} from '@wordpress/e2e-test-utils';
+
+describe( 'Quick Draft', () => {
+	beforeEach( async () => {
+		await trashAllPosts();
+	} );
+
+	it( 'Allows draft to be created with Title and Content', async () => {
+		await visitAdminPage( '/' );
+
+		// Wait for Quick Draft title field to appear and focus it
+		const draftTitleField = await page.waitForSelector(
+			'#quick-press #title'
+		);
+		await draftTitleField.focus();
+
+		// Type in a title.
+		await page.keyboard.type( 'Test Draft Title' );
+
+		// Navigate to content field and type in some content
+		await page.keyboard.press( 'Tab' );
+		await page.keyboard.type( 'Test Draft Content' );
+
+		// Navigate to Save Draft button and press it.
+		await page.keyboard.press( 'Tab' );
+		await page.keyboard.press( 'Enter' );
+
+		// Check that new draft appears in Your Recent Drafts section
+		const newDraft = await page.waitForSelector( '.drafts .draft-title' );
+
+		expect(
+			await newDraft.evaluate( ( element ) => element.innerText )
+		).toContain( 'Test Draft Title' );
+
+		// Check that new draft appears in Posts page
+		await visitAdminPage( '/edit.php' );
+		const postsListDraft = await page.waitForSelector(
+			'.type-post.status-draft .title'
+		);
+
+		expect(
+			await postsListDraft.evaluate( ( element ) => element.innerText )
+		).toContain( 'Test Draft Title' );
+	} );
+
+	it( 'Allows draft to be created without Title or Content', async () => {
+		await visitAdminPage( '/' );
+
+		// Wait for Save Draft button to appear and click it
+		const saveDraftButton = await page.waitForSelector(
+			'#quick-press #save-post'
+		);
+		await saveDraftButton.click();
+
+		// Check that new draft appears in Your Recent Drafts section
+		const newDraft = await page.waitForSelector( '.drafts .draft-title' );
+
+		expect(
+			await newDraft.evaluate( ( element ) => element.innerText )
+		).toContain( 'Untitled' );
+
+		// Check that new draft appears in Posts page
+		await visitAdminPage( '/edit.php' );
+		const postsListDraft = await page.waitForSelector(
+			'.type-post.status-draft .title'
+		);
+
+		expect(
+			await postsListDraft.evaluate( ( element ) => element.innerText )
+		).toContain( 'Untitled' );
+	} );
+} );