1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
|
/**
* WordPress dependencies
*/
import { test, expect } from '@wordpress/e2e-test-utils-playwright';
test.describe( 'Edit Posts', () => {
test.beforeEach( async ( { requestUtils }) => {
await requestUtils.deleteAllPosts();
} );
test( 'displays a message in the posts table when no posts are present',async ( {
admin,
page,
} ) => {
await admin.visitAdminPage( '/edit.php' );
await expect(
page.getByRole( 'cell', { name: 'No posts found.' } )
).toBeVisible();
} );
test( 'shows a single post after one is published with the correct title',async ( {
admin,
editor,
page,
} ) => {
const title = 'Test Title';
await admin.createNewPost( { title } );
await editor.publishPost();
await admin.visitAdminPage( '/edit.php' );
const listTable = page.getByRole( 'table', { name: 'Table ordered by' } );
await expect( listTable ).toBeVisible();
// Expect there to be one row in the post list.
const posts = listTable.locator( '.row-title' );
await expect( posts ).toHaveCount( 1 );
// Expect the title of the post to be correct.
expect( posts.first() ).toHaveText( title );
} );
test( 'allows an existing post to be edited using the Edit button', async ( {
admin,
editor,
page,
} ) => {
const title = 'Test Title';
await admin.createNewPost( { title } );
await editor.publishPost();
await admin.visitAdminPage( '/edit.php' );
const listTable = page.getByRole( 'table', { name: 'Table ordered by' } );
await expect( listTable ).toBeVisible();
// Click the post title (edit) link
await listTable.getByRole( 'link', { name: `“${ title }” (Edit)` } ).click();
// Wait for the editor iframe to load, and switch to it as the active content frame.
await page
.frameLocator( '[name=editor-canvas]' )
.locator( 'body > *' )
.first()
.waitFor();
const editorPostTitle = editor.canvas.getByRole( 'textbox', { name: 'Add title' } );
// Expect title field to be in the editor with correct title shown.
await expect( editorPostTitle ).toBeVisible();
await expect( editorPostTitle ).toHaveText( title );
} );
test( 'allows an existing post to be quick edited using the Quick Edit button', async ( {
admin,
editor,
page,
pageUtils
} ) => {
const title = 'Test Title';
await admin.createNewPost( { title } );
await editor.publishPost();
await admin.visitAdminPage( '/edit.php' );
const listTable = page.getByRole( 'table', { name: 'Table ordered by' } );
await expect( listTable ).toBeVisible();
// // Focus on the post title link.
await listTable.getByRole( 'link', { name: `“${ title }” (Edit)` } ).focus();
// Tab to the Quick Edit button and press Enter to quick edit.
await pageUtils.pressKeys( 'Tab', { times: 2 } )
await page.keyboard.press( 'Enter' );
// Type in the currently focused (title) field to modify the title, testing that focus is moved to the input.
await page.keyboard.type( ' Edited' );
// Update the post.
await page.getByRole( 'button', { name: 'Update' } ).click();
// Wait for the quick edit button to reappear.
await expect( page.getByRole( 'button', { name: 'Quick Edit' } ) ).toBeVisible();
// Expect there to be one row in the post list.
const posts = listTable.locator( '.row-title' );
await expect( posts ).toHaveCount( 1 );
// Expect the title of the post to be correct.
expect( posts.first() ).toHaveText( `${ title } Edited` );
} );
test( 'allows an existing post to be deleted using the Trash button', async ( {
admin,
editor,
page,
pageUtils
} ) => {
const title = 'Test Title';
await admin.createNewPost( { title } );
await editor.publishPost();
await admin.visitAdminPage( '/edit.php' );
const listTable = page.getByRole( 'table', { name: 'Table ordered by' } );
await expect( listTable ).toBeVisible();
// Focus on the post title link.
await listTable.getByRole( 'link', { name: `“${ title }” (Edit)` } ).focus();
// Tab to the Trash button and press Enter to delete the post.
await pageUtils.pressKeys( 'Tab', { times: 3 } )
await page.keyboard.press( 'Enter' );
await expect(
page.getByRole( 'cell', { name: 'No posts found.' } )
).toBeVisible();
} );
} );
|
