@wordpress/e2e-tests 2.5.12 → 3.0.1-next.33ec3857e2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/config/flaky-tests-reporter.js +2 -1
  3. package/package.json +10 -9
  4. package/specs/editor/blocks/__snapshots__/heading.test.js.snap +2 -2
  5. package/specs/editor/blocks/__snapshots__/navigation.test.js.snap +27 -59
  6. package/specs/editor/blocks/columns.test.js +1 -1
  7. package/specs/editor/blocks/cover.test.js +1 -1
  8. package/specs/editor/blocks/heading.test.js +15 -3
  9. package/specs/editor/blocks/image.test.js +1 -2
  10. package/specs/editor/blocks/navigation.test.js +264 -370
  11. package/specs/editor/blocks/preformatted.test.js +2 -1
  12. package/specs/editor/blocks/site-title.test.js +2 -31
  13. package/specs/editor/fixtures/menu-items-request-fixture.json +84 -0
  14. package/specs/editor/fixtures/menu-items-response-fixture.json +240 -144
  15. package/specs/editor/plugins/custom-post-types.test.js +4 -3
  16. package/specs/editor/various/adding-patterns.test.js +1 -1
  17. package/specs/editor/various/block-grouping.test.js +2 -18
  18. package/specs/editor/various/block-hierarchy-navigation.test.js +3 -3
  19. package/specs/editor/various/change-detection.test.js +5 -0
  20. package/specs/editor/various/editor-modes.test.js +7 -0
  21. package/specs/editor/various/font-size-picker.test.js +1 -7
  22. package/specs/editor/various/inserting-blocks.test.js +6 -2
  23. package/specs/editor/various/keyboard-navigable-blocks.test.js +6 -0
  24. package/specs/editor/various/list-view.test.js +2 -2
  25. package/specs/editor/various/navigable-toolbar.test.js +2 -2
  26. package/specs/editor/various/preview.test.js +1 -1
  27. package/specs/editor/various/reusable-blocks.test.js +1 -26
  28. package/specs/editor/various/writing-flow.test.js +8 -4
  29. package/specs/site-editor/document-settings.test.js +1 -1
  30. package/specs/site-editor/multi-entity-saving.test.js +108 -55
  31. package/specs/site-editor/template-part.test.js +88 -68
  32. package/specs/widgets/customizing-widgets.test.js +4 -0
package/CHANGELOG.md CHANGED
@@ -2,6 +2,12 @@
2
2
 
3
3
  ## Unreleased
4
4
 
5
+ ## 3.0.0-next.0 (2021-12-20)
6
+
7
+ ### Breaking Changes
8
+
9
+ - The peer `puppeteer` dependency has been replaced with `puppeteer-core` requiring version `>=11` (see [Breaking Changes](https://github.com/puppeteer/puppeteer/releases/tag/v11.0.0), [#36040](https://github.com/WordPress/gutenberg/pull/36040)).
10
+
5
11
  ## 2.5.0 (2021-09-09)
6
12
 
7
13
  ### New Features
package/config/flaky-tests-reporter.js CHANGED
@@ -12,6 +12,7 @@
12
12
  const fs = require( 'fs' ).promises;
13
13
  const path = require( 'path' );
14
14
  const { formatResultsErrors } = require( 'jest-message-util' );
15
+ const filenamify = require( 'filenamify' );
15
16
 
16
17
  class FlakyTestsReporter {
17
18
  constructor( globalConfig, options ) {
@@ -53,7 +54,7 @@ class FlakyTestsReporter {
53
54
  );
54
55
 
55
56
  await fs.writeFile(
56
- `flaky-tests/${ testTitle }.json`,
57
+ `flaky-tests/${ filenamify( testTitle ) }.json`,
57
58
  JSON.stringify( {
58
59
  title: testTitle,
59
60
  path: testPath,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/e2e-tests",
3
- "version": "2.5.12",
3
+ "version": "3.0.1-next.33ec3857e2.0",
4
4
  "description": "End-To-End (E2E) tests for WordPress.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -23,25 +23,26 @@
23
23
  "node": ">=12"
24
24
  },
25
25
  "dependencies": {
26
- "@wordpress/e2e-test-utils": "^5.4.10",
27
- "@wordpress/jest-console": "^4.1.1",
28
- "@wordpress/jest-puppeteer-axe": "^3.1.1",
29
- "@wordpress/scripts": "^19.2.2",
30
- "@wordpress/url": "^3.3.1",
26
+ "@wordpress/e2e-test-utils": "^6.0.1-next.33ec3857e2.0",
27
+ "@wordpress/jest-console": "^4.1.2-next.33ec3857e2.0",
28
+ "@wordpress/jest-puppeteer-axe": "^4.0.1-next.33ec3857e2.0",
29
+ "@wordpress/scripts": "^20.0.1-next.33ec3857e2.0",
30
+ "@wordpress/url": "^3.3.2-next.33ec3857e2.0",
31
31
  "chalk": "^4.0.0",
32
32
  "expect-puppeteer": "^4.4.0",
33
+ "filenamify": "^4.2.0",
33
34
  "jest-message-util": "^27.0.6",
35
+ "jest-snapshot": "^27.4.5",
34
36
  "lodash": "^4.17.21",
35
37
  "puppeteer-testing-library": "^0.5.0",
36
38
  "uuid": "^8.3.0"
37
39
  },
38
40
  "peerDependencies": {
39
41
  "jest": ">=26",
40
- "jest-snapshot": ">=26",
41
- "puppeteer": ">=1.19.0"
42
+ "puppeteer-core": ">=11"
42
43
  },
43
44
  "publishConfig": {
44
45
  "access": "public"
45
46
  },
46
- "gitHead": "3665e3e1b121046300d8b2fa35074d748f16dbc2"
47
+ "gitHead": "51c7917ea7fac72953702f24d6daac87d99e7617"
47
48
  }
package/specs/editor/blocks/__snapshots__/heading.test.js.snap CHANGED
@@ -13,8 +13,8 @@ exports[`Heading can be created by prefixing number sign and a space 1`] = `
13
13
  `;
14
14
 
15
15
  exports[`Heading should correctly apply custom colors 1`] = `
16
- "<!-- wp:heading {\\"level\\":3,\\"style\\":{\\"color\\":{\\"text\\":\\"#7700ff\\"}}} -->
17
- <h3 class=\\"has-text-color\\" id=\\"heading\\" style=\\"color:#7700ff\\">Heading</h3>
16
+ "<!-- wp:heading {\\"level\\":3,\\"style\\":{\\"color\\":{\\"text\\":\\"#0782f6\\"}}} -->
17
+ <h3 class=\\"has-text-color\\" id=\\"heading\\" style=\\"color:#0782f6\\">Heading</h3>
18
18
  <!-- /wp:heading -->"
19
19
  `;
20
20
 
package/specs/editor/blocks/__snapshots__/navigation.test.js.snap CHANGED
@@ -1,77 +1,45 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
- exports[`Navigation Creating from existing Menus allows a navigation block to be created from existing menus 1`] = `
4
- "<!-- wp:navigation -->
5
- <!-- wp:navigation-link {\\"label\\":\\"Home\\",\\"type\\":\\"custom\\",\\"url\\":\\"http://localhost:8889/\\",\\"kind\\":\\"custom\\",\\"isTopLevelLink\\":true} /-->
3
+ exports[`Navigation allows an empty navigation block to be created and manually populated using a mixture of internal and external links 1`] = `
4
+ "<!-- wp:navigation-link {\\"label\\":\\"WP\\",\\"url\\":\\"https://wordpress.org\\",\\"kind\\":\\"custom\\",\\"isTopLevelLink\\":true} /-->
6
5
 
7
- <!-- wp:navigation-submenu {\\"label\\":\\"Accusamus quo repellat illum magnam quas\\",\\"type\\":\\"page\\",\\"id\\":41,\\"url\\":\\"http://localhost:8889/?page_id=41\\",\\"kind\\":\\"post-type\\",\\"isTopLevelItem\\":true} -->
8
- <!-- wp:navigation-link {\\"label\\":\\"Debitis cum consequatur sit doloremque\\",\\"type\\":\\"page\\",\\"id\\":51,\\"url\\":\\"http://localhost:8889/?page_id=51\\",\\"kind\\":\\"post-type\\",\\"isTopLevelLink\\":false} /-->
9
- <!-- /wp:navigation-submenu -->
6
+ <!-- wp:navigation-link {\\"label\\":\\"Contact\\",\\"type\\":\\"page\\",\\"id\\":[number],\\"url\\":\\"https://this/is/a/test/search/get-in-touch\\",\\"kind\\":\\"post-type\\",\\"isTopLevelLink\\":true} /-->"
7
+ `;
10
8
 
11
- <!-- wp:navigation-submenu {\\"label\\":\\"Est ea vero non nihil officiis in\\",\\"type\\":\\"page\\",\\"id\\":53,\\"url\\":\\"http://localhost:8889/?page_id=53\\",\\"kind\\":\\"post-type\\",\\"isTopLevelItem\\":true} -->
12
- <!-- wp:navigation-submenu {\\"label\\":\\"Fuga odio quis tempora\\",\\"type\\":\\"page\\",\\"id\\":56,\\"url\\":\\"http://localhost:8889/?page_id=56\\",\\"kind\\":\\"post-type\\",\\"isTopLevelItem\\":false} -->
13
- <!-- wp:navigation-submenu {\\"label\\":\\"In consectetur repellendus eveniet maiores aperiam\\",\\"type\\":\\"page\\",\\"id\\":15,\\"url\\":\\"http://localhost:8889/?page_id=15\\",\\"kind\\":\\"post-type\\",\\"isTopLevelItem\\":false} -->
14
- <!-- wp:navigation-submenu {\\"label\\":\\"Mollitia maiores consequatur ea dolorem blanditiis\\",\\"type\\":\\"page\\",\\"id\\":45,\\"url\\":\\"http://localhost:8889/?page_id=45\\",\\"kind\\":\\"post-type\\",\\"isTopLevelItem\\":false} -->
15
- <!-- wp:navigation-link {\\"label\\":\\"Necessitatibus nisi qui qui necessitatibus quaerat possimus\\",\\"type\\":\\"page\\",\\"id\\":27,\\"url\\":\\"http://localhost:8889/?page_id=27\\",\\"kind\\":\\"post-type\\",\\"isTopLevelLink\\":false} /-->
16
- <!-- /wp:navigation-submenu -->
17
- <!-- /wp:navigation-submenu -->
18
- <!-- /wp:navigation-submenu -->
19
- <!-- /wp:navigation-submenu -->
9
+ exports[`Navigation encodes URL when create block if needed 1`] = `
10
+ "<!-- wp:navigation-link {\\"label\\":\\"wordpress.org/шеллы\\",\\"url\\":\\"https://wordpress.org/%D1%88%D0%B5%D0%BB%D0%BB%D1%8B\\",\\"kind\\":\\"custom\\",\\"isTopLevelLink\\":true} /-->
20
11
 
21
- <!-- wp:navigation-link {\\"label\\":\\"Nulla omnis autem dolores eligendi\\",\\"type\\":\\"page\\",\\"id\\":43,\\"url\\":\\"http://localhost:8889/?page_id=43\\",\\"kind\\":\\"post-type\\",\\"isTopLevelLink\\":true} /-->
12
+ <!-- wp:navigation-link {\\"label\\":\\"お問い合わせ\\",\\"type\\":\\"page\\",\\"id\\":[number],\\"url\\":\\"https://this/is/a/test/search/%E3%81%8A%E5%95%8F%E3%81%84%E5%90%88%E3%82%8F%E3%81%9B\\",\\"kind\\":\\"post-type\\",\\"isTopLevelLink\\":true} /-->"
13
+ `;
22
14
 
23
- <!-- wp:navigation-link {\\"label\\":\\"Sample Page\\",\\"type\\":\\"page\\",\\"id\\":2,\\"url\\":\\"http://localhost:8889/?page_id=2\\",\\"kind\\":\\"post-type\\",\\"isTopLevelLink\\":true} /-->
15
+ exports[`Navigation placeholder allows a navigation block to be created from existing menus 1`] = `
16
+ "<!-- wp:navigation-link {\\"label\\":\\"Home\\",\\"type\\":\\"custom\\",\\"url\\":\\"http://localhost:8889/\\",\\"kind\\":\\"custom\\"} /-->
24
17
 
25
- <!-- wp:navigation-submenu {\\"label\\":\\"Beatae qui labore voluptas eveniet officia quia voluptas qui porro sequi et aut est\\",\\"type\\":\\"category\\",\\"description\\":\\"Ratione nemo ut aut ullam sed assumenda quis est exercitationem\\",\\"id\\":7,\\"url\\":\\"http://localhost:8889/?cat=7\\",\\"kind\\":\\"taxonomy\\",\\"isTopLevelItem\\":true} -->
26
- <!-- wp:navigation-submenu {\\"label\\":\\"Et minus itaque velit tempore hic quisquam saepe quas asperiores\\",\\"type\\":\\"category\\",\\"description\\":\\"Vel fuga enim rerum perspiciatis sapiente mollitia magni ut molestiae labore quae quia quia libero perspiciatis voluptatem quidem deleniti eveniet laboriosam doloribus dolor laborum accusantium modi ducimus itaque rerum cum nostrum\\",\\"id\\":19,\\"url\\":\\"http://localhost:8889/?cat=19\\",\\"kind\\":\\"taxonomy\\",\\"isTopLevelItem\\":false} -->
27
- <!-- wp:navigation-submenu {\\"label\\":\\"Et quas a et mollitia et voluptas optio voluptate quia quo unde aut in nostrum iste impedit quisquam id aut\\",\\"type\\":\\"category\\",\\"description\\":\\"Quas sit labore earum omnis eos sint iste est possimus harum aut soluta sint optio quos distinctio inventore voluptate non ut aliquam ad ut voluptates fugiat numquam magnam modi repellendus modi laudantium et debitis officia est voluptatum quidem unde molestiae animi vero fuga accusamus nam\\",\\"id\\":6,\\"url\\":\\"http://localhost:8889/?cat=6\\",\\"kind\\":\\"taxonomy\\",\\"isTopLevelItem\\":false} -->
28
- <!-- wp:navigation-link {\\"label\\":\\"Illo quis sit impedit itaque expedita earum deserunt magni doloremque velit eum id error\\",\\"type\\":\\"category\\",\\"description\\":\\"Doloremque vero sunt officiis iste voluptatibus voluptas molestiae sint asperiores recusandae amet praesentium et explicabo nesciunt similique voluptatum laudantium amet officiis quas distinctio quis enim nihil tempora\\",\\"id\\":16,\\"url\\":\\"http://localhost:8889/?cat=16\\",\\"kind\\":\\"taxonomy\\",\\"isTopLevelLink\\":false} /-->
29
- <!-- /wp:navigation-submenu -->
30
- <!-- /wp:navigation-submenu -->
18
+ <!-- wp:navigation-submenu {\\"label\\":\\"About\\",\\"type\\":\\"page\\",\\"id\\":[number],\\"url\\":\\"http://localhost:8889/?page_id=[number]\\",\\"kind\\":\\"post-type\\"} -->
19
+ <!-- wp:navigation-link {\\"label\\":\\"Our team\\",\\"type\\":\\"page\\",\\"id\\":[number],\\"url\\":\\"http://localhost:8889/?page_id=[number]\\",\\"kind\\":\\"post-type\\"} /-->
31
20
  <!-- /wp:navigation-submenu -->
32
21
 
33
- <!-- wp:navigation-submenu {\\"label\\":\\"WordPress.org\\",\\"type\\":\\"custom\\",\\"url\\":\\"https://wordpress.org\\",\\"kind\\":\\"custom\\",\\"isTopLevelItem\\":true} -->
34
- <!-- wp:navigation-link {\\"label\\":\\"Google\\",\\"type\\":\\"custom\\",\\"url\\":\\"https://google.com\\",\\"kind\\":\\"custom\\",\\"isTopLevelLink\\":false} /-->
35
- <!-- /wp:navigation-submenu -->
36
- <!-- /wp:navigation -->"
37
- `;
38
-
39
- exports[`Navigation Creating from existing Menus creates an empty navigation block when the selected existing menu is also empty 1`] = `"<!-- wp:navigation /-->"`;
40
-
41
- exports[`Navigation Creating from existing Pages allows a navigation block to be created using existing pages 1`] = `
42
- "<!-- wp:navigation -->
43
- <!-- wp:page-list /-->
44
- <!-- /wp:navigation -->"
45
- `;
22
+ <!-- wp:navigation-submenu {\\"label\\":\\"Shop\\",\\"type\\":\\"page\\",\\"id\\":[number],\\"url\\":\\"http://localhost:8889/?page_id=[number]\\",\\"kind\\":\\"post-type\\"} -->
23
+ <!-- wp:navigation-submenu {\\"label\\":\\"Winter apparel\\",\\"type\\":\\"page\\",\\"id\\":[number],\\"url\\":\\"http://localhost:8889/?page_id=[number]\\",\\"kind\\":\\"post-type\\"} -->
24
+ <!-- wp:navigation-link {\\"label\\":\\"Chunky socks\\",\\"type\\":\\"page\\",\\"id\\":[number],\\"url\\":\\"http://localhost:8889/?page_id=[number]\\",\\"kind\\":\\"post-type\\"} /-->
46
25
 
47
- exports[`Navigation Shows the quick inserter when the block contains non-navigation specific blocks 1`] = `
48
- "<!-- wp:navigation -->
49
- <!-- wp:navigation-link {\\"label\\":\\"WP\\",\\"url\\":\\"https://wordpress.org\\",\\"kind\\":\\"custom\\",\\"isTopLevelLink\\":true} /-->
26
+ <!-- wp:navigation-link {\\"label\\":\\"Hideous hats\\",\\"type\\":\\"page\\",\\"id\\":[number],\\"url\\":\\"http://localhost:8889/?page_id=[number]\\",\\"kind\\":\\"post-type\\"} /-->
50
27
 
51
- <!-- wp:site-title /-->
28
+ <!-- wp:navigation-link {\\"label\\":\\"Glorious gloves\\",\\"type\\":\\"page\\",\\"id\\":[number],\\"url\\":\\"http://localhost:8889/?page_id=[number]\\",\\"kind\\":\\"post-type\\"} /-->
52
29
 
53
- <!-- wp:navigation-link {\\"label\\":\\"WP News\\",\\"url\\":\\"https://wordpress.org/news/\\",\\"kind\\":\\"custom\\",\\"isTopLevelLink\\":true} /-->
54
- <!-- /wp:navigation -->"
55
- `;
30
+ <!-- wp:navigation-link {\\"label\\":\\"Jazzy Jumpers\\",\\"type\\":\\"page\\",\\"id\\":[number],\\"url\\":\\"http://localhost:8889/?page_id=[number]\\",\\"kind\\":\\"post-type\\"} /-->
31
+ <!-- /wp:navigation-submenu -->
32
+ <!-- /wp:navigation-submenu -->
56
33
 
57
- exports[`Navigation allows an empty navigation block to be created and manually populated using a mixture of internal and external links 1`] = `
58
- "<!-- wp:navigation -->
59
- <!-- wp:navigation-link {\\"label\\":\\"WP\\",\\"url\\":\\"https://wordpress.org\\",\\"kind\\":\\"custom\\",\\"isTopLevelLink\\":true} /-->
34
+ <!-- wp:navigation-link {\\"label\\":\\"Shipping\\",\\"type\\":\\"page\\",\\"id\\":[number],\\"url\\":\\"http://localhost:8889/?page_id=[number]\\",\\"kind\\":\\"post-type\\"} /-->
60
35
 
61
- <!-- wp:navigation-link {\\"label\\":\\"Contact\\",\\"type\\":\\"page\\",\\"id\\":1,\\"url\\":\\"https://this/is/a/test/search/get-in-touch\\",\\"kind\\":\\"post-type\\",\\"isTopLevelLink\\":true} /-->
62
- <!-- /wp:navigation -->"
63
- `;
36
+ <!-- wp:navigation-link {\\"label\\":\\"Contact Us\\",\\"type\\":\\"page\\",\\"id\\":[number],\\"url\\":\\"http://localhost:8889/?page_id=[number]\\",\\"kind\\":\\"post-type\\"} /-->
64
37
 
65
- exports[`Navigation allows pages to be created from the navigation block and their links added to menu 1`] = `
66
- "<!-- wp:navigation -->
67
- <!-- wp:navigation-link {\\"label\\":\\"A really long page name that will not exist\\",\\"type\\":\\"page\\",\\"id\\":1,\\"url\\":\\"https://this/is/a/test/create/page/my-new-page\\",\\"kind\\":\\"post-type\\",\\"isTopLevelLink\\":true} /-->
68
- <!-- /wp:navigation -->"
38
+ <!-- wp:navigation-submenu {\\"label\\":\\"WordPress.org\\",\\"type\\":\\"custom\\",\\"url\\":\\"https://wordpress.org\\",\\"kind\\":\\"custom\\"} -->
39
+ <!-- wp:navigation-link {\\"label\\":\\"Google\\",\\"type\\":\\"custom\\",\\"url\\":\\"https://google.com\\",\\"kind\\":\\"custom\\"} /-->
40
+ <!-- /wp:navigation-submenu -->"
69
41
  `;
70
42
 
71
- exports[`Navigation encodes URL when create block if needed 1`] = `
72
- "<!-- wp:navigation -->
73
- <!-- wp:navigation-link {\\"label\\":\\"wordpress.org/шеллы\\",\\"url\\":\\"https://wordpress.org/%D1%88%D0%B5%D0%BB%D0%BB%D1%8B\\",\\"kind\\":\\"custom\\",\\"isTopLevelLink\\":true} /-->
43
+ exports[`Navigation placeholder allows a navigation block to be created using existing pages 1`] = `"<!-- wp:page-list /-->"`;
74
44
 
75
- <!-- wp:navigation-link {\\"label\\":\\"お問い合わせ\\",\\"type\\":\\"page\\",\\"id\\":1,\\"url\\":\\"https://this/is/a/test/search/%E3%81%8A%E5%95%8F%E3%81%84%E5%90%88%E3%82%8F%E3%81%9B\\",\\"kind\\":\\"post-type\\",\\"isTopLevelLink\\":true} /-->
76
- <!-- /wp:navigation -->"
77
- `;
45
+ exports[`Navigation placeholder creates an empty navigation block when the selected existing menu is also empty 1`] = `""`;
package/specs/editor/blocks/columns.test.js CHANGED
@@ -21,7 +21,7 @@ describe( 'Columns', () => {
21
21
  await page.click( '.edit-post-header-toolbar__list-view-toggle' );
22
22
  const columnBlockMenuItem = (
23
23
  await page.$x(
24
- '//button[contains(concat(" ", @class, " "), " block-editor-list-view-block-select-button ")][text()="Column"]'
24
+ '//a[contains(concat(" ", @class, " "), " block-editor-list-view-block-select-button ")][text()="Column"]'
25
25
  )
26
26
  )[ 0 ];
27
27
  await columnBlockMenuItem.click();
package/specs/editor/blocks/cover.test.js CHANGED
@@ -131,7 +131,7 @@ describe( 'Cover', () => {
131
131
  // Select the cover block.By default the child paragraph gets selected.
132
132
  await page.click( '.edit-post-header-toolbar__list-view-toggle' );
133
133
  await page.click(
134
- '.block-editor-list-view-block__contents-container button'
134
+ '.block-editor-list-view-block__contents-container a'
135
135
  );
136
136
 
137
137
  const heightInput = (
package/specs/editor/blocks/heading.test.js CHANGED
@@ -9,6 +9,8 @@ import {
9
9
  } from '@wordpress/e2e-test-utils';
10
10
 
11
11
  describe( 'Heading', () => {
12
+ const COLOR_ITEM_SELECTOR =
13
+ '.block-editor-panel-color-gradient-settings__item';
12
14
  const CUSTOM_COLOR_BUTTON_X_SELECTOR = `.components-color-palette__custom-color`;
13
15
  const CUSTOM_COLOR_DETAILS_BUTTON_SELECTOR =
14
16
  '.components-color-picker button[aria-label="Show detailed inputs"]';
@@ -76,6 +78,11 @@ describe( 'Heading', () => {
76
78
  );
77
79
  await colorPanelToggle.click();
78
80
 
81
+ const textColorButton = await page.waitForSelector(
82
+ COLOR_ITEM_SELECTOR
83
+ );
84
+ await textColorButton.click();
85
+
79
86
  const customTextColorButton = await page.waitForSelector(
80
87
  CUSTOM_COLOR_BUTTON_X_SELECTOR
81
88
  );
@@ -85,9 +92,9 @@ describe( 'Heading', () => {
85
92
  await page.waitForSelector( COLOR_INPUT_FIELD_SELECTOR );
86
93
  await page.click( COLOR_INPUT_FIELD_SELECTOR );
87
94
  await pressKeyWithModifier( 'primary', 'A' );
88
- await page.keyboard.type( '7700ff' );
95
+ await page.keyboard.type( '0782f6' );
89
96
  await page.click( 'h3[data-type="core/heading"]' );
90
- await page.waitForXPath( '//button[text()="#7700ff"]' );
97
+ await page.waitForXPath( '//button[text()="#0782f6"]' );
91
98
  expect( await getEditedPostContent() ).toMatchSnapshot();
92
99
  } );
93
100
 
@@ -99,13 +106,18 @@ describe( 'Heading', () => {
99
106
  );
100
107
  await colorPanelToggle.click();
101
108
 
109
+ const textColorButton = await page.waitForSelector(
110
+ COLOR_ITEM_SELECTOR
111
+ );
112
+ await textColorButton.click();
113
+
102
114
  const colorButtonSelector = `//button[@aria-label='Color: Luminous vivid orange']`;
103
115
  const [ colorButton ] = await page.$x( colorButtonSelector );
104
116
  await colorButton.click();
105
- await page.click( 'h2[data-type="core/heading"]' );
106
117
  await page.waitForXPath(
107
118
  `${ colorButtonSelector }[@aria-pressed='true']`
108
119
  );
120
+ await page.click( 'h2[data-type="core/heading"]' );
109
121
  expect( await getEditedPostContent() ).toMatchSnapshot();
110
122
  } );
111
123
  } );
package/specs/editor/blocks/image.test.js CHANGED
@@ -345,8 +345,7 @@ describe( 'Image', () => {
345
345
 
346
346
  // Clear the input field. Delay added to account for typing delays.
347
347
  const inputField = await page.$( '.block-editor-url-input__input' );
348
- await inputField.click( { clickCount: 3, delay: 100 } );
349
- await page.keyboard.press( 'Backspace', { delay: 100 } );
348
+ await inputField.click( { clickCount: 3, delay: 200 } );
350
349
 
351
350
  // Replace the url. Delay added to account for typing delays.
352
351
  await page.focus( '.block-editor-url-input__input' );