@wordpress/e2e-tests 6.3.5 → 6.5.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 (41) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/config/setup-performance-test.js +14 -7
  3. package/jest.config.js +4 -0
  4. package/package.json +7 -7
  5. package/specs/editor/blocks/pullquote.test.js +3 -3
  6. package/specs/editor/plugins/__snapshots__/align-hook.test.js.snap +11 -11
  7. package/specs/editor/plugins/__snapshots__/container-blocks.test.js.snap +14 -14
  8. package/specs/editor/plugins/__snapshots__/cpt-locking.test.js.snap +29 -29
  9. package/specs/editor/plugins/__snapshots__/iframed-inline-styles.test.js.snap +1 -1
  10. package/specs/editor/plugins/__snapshots__/iframed-masonry-block.test.js.snap +1 -1
  11. package/specs/editor/plugins/__snapshots__/inner-blocks-render-appender.test.js.snap +5 -5
  12. package/specs/editor/plugins/__snapshots__/plugins-api.test.js.snap +2 -2
  13. package/specs/editor/various/__snapshots__/adding-patterns.test.js.snap +4 -4
  14. package/specs/editor/various/__snapshots__/block-grouping.test.js.snap +21 -21
  15. package/specs/editor/various/__snapshots__/block-hierarchy-navigation.test.js.snap +12 -12
  16. package/specs/editor/various/__snapshots__/embedding.test.js.snap +19 -19
  17. package/specs/editor/various/__snapshots__/inserting-blocks.test.js.snap +8 -8
  18. package/specs/editor/various/__snapshots__/keep-styles-on-block-transforms.test.js.snap +11 -11
  19. package/specs/editor/various/__snapshots__/links.test.js.snap +9 -9
  20. package/specs/editor/various/__snapshots__/multi-block-selection.test.js.snap +17 -17
  21. package/specs/editor/various/__snapshots__/rich-text.test.js.snap +5 -5
  22. package/specs/editor/various/block-grouping.test.js +3 -3
  23. package/specs/editor/various/format-library/__snapshots__/text-color.test.js.snap +1 -1
  24. package/specs/editor/various/links.test.js +50 -16
  25. package/specs/editor/various/multi-block-selection.test.js +2 -2
  26. package/specs/performance/front-end-block-theme.test.js +48 -12
  27. package/specs/performance/front-end-classic-theme.test.js +50 -13
  28. package/specs/performance/post-editor.test.js +45 -28
  29. package/specs/performance/site-editor.test.js +69 -42
  30. package/specs/performance/utils.js +12 -1
  31. package/specs/widgets/editing-widgets.test.js +20 -15
  32. package/specs/editor/blocks/__snapshots__/heading.test.js.snap +0 -51
  33. package/specs/editor/blocks/__snapshots__/navigation.test.js.snap +0 -47
  34. package/specs/editor/blocks/heading.test.js +0 -113
  35. package/specs/editor/blocks/navigation.test.js +0 -1723
  36. package/specs/editor/blocks/query.test.js +0 -66
  37. package/specs/editor/various/__snapshots__/block-deletion.test.js.snap +0 -111
  38. package/specs/editor/various/__snapshots__/list-view.test.js.snap +0 -15
  39. package/specs/editor/various/block-deletion.test.js +0 -209
  40. package/specs/editor/various/list-view.test.js +0 -330
  41. package/specs/editor/various/switch-to-draft.test.js +0 -254
package/CHANGELOG.md CHANGED
@@ -2,6 +2,10 @@
2
2
 
3
3
  ## Unreleased
4
4
 
5
+ ## 6.5.0 (2023-03-01)
6
+
7
+ ## 6.4.0 (2023-02-15)
8
+
5
9
  ## 6.3.0 (2023-02-01)
6
10
 
7
11
  ## 6.2.0 (2023-01-11)
@@ -19,9 +19,11 @@ const PUPPETEER_TIMEOUT = process.env.PUPPETEER_TIMEOUT;
19
19
  // The Jest timeout is increased because these tests are a bit slow.
20
20
  jest.setTimeout( PUPPETEER_TIMEOUT || 100000 );
21
21
 
22
- async function setupBrowser() {
23
- await clearLocalStorage();
22
+ async function setupPage() {
24
23
  await setBrowserViewport( 'large' );
24
+ await page.emulateMediaFeatures( [
25
+ { name: 'prefers-reduced-motion', value: 'reduce' },
26
+ ] );
25
27
  }
26
28
 
27
29
  // Before every test suite run, delete all content created by the test. This ensures
@@ -32,13 +34,18 @@ beforeAll( async () => {
32
34
 
33
35
  await trashAllPosts();
34
36
  await trashAllPosts( 'wp_block' );
35
- await setupBrowser();
37
+ await clearLocalStorage();
38
+ await setupPage();
36
39
  await activatePlugin( 'gutenberg-test-plugin-disables-the-css-animations' );
37
- await page.emulateMediaFeatures( [
38
- { name: 'prefers-reduced-motion', value: 'reduce' },
39
- ] );
40
40
  } );
41
41
 
42
42
  afterEach( async () => {
43
- await setupBrowser();
43
+ // Clear localStorage between tests so that the next test starts clean.
44
+ await clearLocalStorage();
45
+ // Close the previous page entirely and create a new page, so that the next test
46
+ // isn't affected by page unload work.
47
+ await page.close();
48
+ page = await browser.newPage();
49
+ // Set up testing config on new page.
50
+ await setupPage();
44
51
  } );
package/jest.config.js CHANGED
@@ -18,6 +18,10 @@ module.exports = {
18
18
  '/node_modules/',
19
19
  'e2e-tests/specs/performance/',
20
20
  ],
21
+ snapshotFormat: {
22
+ escapeString: false,
23
+ printBasicPrototype: false,
24
+ },
21
25
  reporters: [
22
26
  ...baseConfig.reporters,
23
27
  // Report flaky tests results into artifacts for used in `report-flaky-tests` action.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/e2e-tests",
3
- "version": "6.3.5",
3
+ "version": "6.5.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,11 +23,11 @@
23
23
  "node": ">=14"
24
24
  },
25
25
  "dependencies": {
26
- "@wordpress/e2e-test-utils": "^9.3.3",
27
- "@wordpress/jest-console": "^6.9.1",
28
- "@wordpress/jest-puppeteer-axe": "^5.9.1",
29
- "@wordpress/scripts": "^25.3.4",
30
- "@wordpress/url": "^3.27.1",
26
+ "@wordpress/e2e-test-utils": "^9.5.0",
27
+ "@wordpress/jest-console": "^6.11.0",
28
+ "@wordpress/jest-puppeteer-axe": "^5.11.0",
29
+ "@wordpress/scripts": "^25.5.0",
30
+ "@wordpress/url": "^3.29.0",
31
31
  "chalk": "^4.0.0",
32
32
  "expect-puppeteer": "^4.4.0",
33
33
  "filenamify": "^4.2.0",
@@ -46,5 +46,5 @@
46
46
  "publishConfig": {
47
47
  "access": "public"
48
48
  },
49
- "gitHead": "35f10c183655e9196d4ea12b8fa499a8ecbb7b6a"
49
+ "gitHead": "d5e03a74b79e3ca84afda24375474a103a063ee4"
50
50
  }
@@ -20,7 +20,7 @@ describe( 'Quote', () => {
20
20
 
21
21
  expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
22
22
  "<!-- wp:quote -->
23
- <blockquote class=\\"wp-block-quote\\"><!-- wp:paragraph -->
23
+ <blockquote class="wp-block-quote"><!-- wp:paragraph -->
24
24
  <p>test</p>
25
25
  <!-- /wp:paragraph --></blockquote>
26
26
  <!-- /wp:quote -->"
@@ -30,7 +30,7 @@ describe( 'Quote', () => {
30
30
 
31
31
  expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
32
32
  "<!-- wp:pullquote -->
33
- <figure class=\\"wp-block-pullquote\\"><blockquote><p>test</p></blockquote></figure>
33
+ <figure class="wp-block-pullquote"><blockquote><p>test</p></blockquote></figure>
34
34
  <!-- /wp:pullquote -->"
35
35
  ` );
36
36
 
@@ -38,7 +38,7 @@ describe( 'Quote', () => {
38
38
 
39
39
  expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
40
40
  "<!-- wp:quote -->
41
- <blockquote class=\\"wp-block-quote\\"><!-- wp:paragraph -->
41
+ <blockquote class="wp-block-quote"><!-- wp:paragraph -->
42
42
  <p>test</p>
43
43
  <!-- /wp:paragraph --></blockquote>
44
44
  <!-- /wp:quote -->"
@@ -1,43 +1,43 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`Align Hook Works As Expected Block with align array Correctly applies the selected alignment and correctly removes the alignment 1`] = `
4
- "<!-- wp:test/test-align-array {\\"align\\":\\"center\\"} -->
5
- <div style=\\"outline:1px solid gray;padding:5px\\" class=\\"wp-block-test-test-align-array aligncenter\\">Test Align Hook</div>
4
+ "<!-- wp:test/test-align-array {"align":"center"} -->
5
+ <div style="outline:1px solid gray;padding:5px" class="wp-block-test-test-align-array aligncenter">Test Align Hook</div>
6
6
  <!-- /wp:test/test-align-array -->"
7
7
  `;
8
8
 
9
9
  exports[`Align Hook Works As Expected Block with align array Correctly applies the selected alignment and correctly removes the alignment 2`] = `
10
10
  "<!-- wp:test/test-align-array -->
11
- <div style=\\"outline:1px solid gray;padding:5px\\" class=\\"wp-block-test-test-align-array\\">Test Align Hook</div>
11
+ <div style="outline:1px solid gray;padding:5px" class="wp-block-test-test-align-array">Test Align Hook</div>
12
12
  <!-- /wp:test/test-align-array -->"
13
13
  `;
14
14
 
15
15
  exports[`Align Hook Works As Expected Block with align true Correctly applies the selected alignment and correctly removes the alignment 1`] = `
16
- "<!-- wp:test/test-align-true {\\"align\\":\\"right\\"} -->
17
- <div style=\\"outline:1px solid gray;padding:5px\\" class=\\"wp-block-test-test-align-true alignright\\">Test Align Hook</div>
16
+ "<!-- wp:test/test-align-true {"align":"right"} -->
17
+ <div style="outline:1px solid gray;padding:5px" class="wp-block-test-test-align-true alignright">Test Align Hook</div>
18
18
  <!-- /wp:test/test-align-true -->"
19
19
  `;
20
20
 
21
21
  exports[`Align Hook Works As Expected Block with align true Correctly applies the selected alignment and correctly removes the alignment 2`] = `
22
22
  "<!-- wp:test/test-align-true -->
23
- <div style=\\"outline:1px solid gray;padding:5px\\" class=\\"wp-block-test-test-align-true\\">Test Align Hook</div>
23
+ <div style="outline:1px solid gray;padding:5px" class="wp-block-test-test-align-true">Test Align Hook</div>
24
24
  <!-- /wp:test/test-align-true -->"
25
25
  `;
26
26
 
27
27
  exports[`Align Hook Works As Expected Block with default align Correctly applies the selected alignment and correctly removes the alignment 1`] = `
28
- "<!-- wp:test/test-default-align {\\"align\\":\\"center\\"} -->
29
- <div style=\\"outline:1px solid gray;padding:5px\\" class=\\"wp-block-test-test-default-align aligncenter\\">Test Align Hook</div>
28
+ "<!-- wp:test/test-default-align {"align":"center"} -->
29
+ <div style="outline:1px solid gray;padding:5px" class="wp-block-test-test-default-align aligncenter">Test Align Hook</div>
30
30
  <!-- /wp:test/test-default-align -->"
31
31
  `;
32
32
 
33
33
  exports[`Align Hook Works As Expected Block with default align Correctly applies the selected alignment and correctly removes the alignment 2`] = `
34
- "<!-- wp:test/test-default-align {\\"align\\":\\"\\"} -->
35
- <div style=\\"outline:1px solid gray;padding:5px\\" class=\\"wp-block-test-test-default-align\\">Test Align Hook</div>
34
+ "<!-- wp:test/test-default-align {"align":""} -->
35
+ <div style="outline:1px solid gray;padding:5px" class="wp-block-test-test-default-align">Test Align Hook</div>
36
36
  <!-- /wp:test/test-default-align -->"
37
37
  `;
38
38
 
39
39
  exports[`Align Hook Works As Expected Block with no alignment set Does not save any alignment related attribute or class 1`] = `
40
40
  "<!-- wp:test/test-no-alignment-set -->
41
- <div style=\\"outline:1px solid gray;padding:5px\\" class=\\"wp-block-test-test-no-alignment-set\\">Test Align Hook</div>
41
+ <div style="outline:1px solid gray;padding:5px" class="wp-block-test-test-no-alignment-set">Test Align Hook</div>
42
42
  <!-- /wp:test/test-no-alignment-set -->"
43
43
  `;
@@ -3,23 +3,23 @@
3
3
  exports[`Container block without paragraph support ensures we can use the alternative block appender properly 1`] = `
4
4
  "<!-- wp:test/container-without-paragraph -->
5
5
  <!-- wp:image -->
6
- <figure class=\\"wp-block-image\\"><img alt=\\"\\"/></figure>
6
+ <figure class="wp-block-image"><img alt=""/></figure>
7
7
  <!-- /wp:image -->
8
8
  <!-- /wp:test/container-without-paragraph -->"
9
9
  `;
10
10
 
11
11
  exports[`InnerBlocks Template Sync Ensure inner block writing flow works as expected without additional paragraphs added 1`] = `
12
12
  "<!-- wp:test/test-inner-blocks-paragraph-placeholder -->
13
- <!-- wp:paragraph {\\"placeholder\\":\\"Content…\\",\\"fontSize\\":\\"large\\"} -->
14
- <p class=\\"has-large-font-size\\">Test Paragraph</p>
13
+ <!-- wp:paragraph {"placeholder":"Content","fontSize":"large"} -->
14
+ <p class="has-large-font-size">Test Paragraph</p>
15
15
  <!-- /wp:paragraph -->
16
16
  <!-- /wp:test/test-inner-blocks-paragraph-placeholder -->"
17
17
  `;
18
18
 
19
19
  exports[`InnerBlocks Template Sync Ensures blocks without locking are kept intact even if they do not match the template 1`] = `
20
20
  "<!-- wp:test/test-inner-blocks-no-locking -->
21
- <!-- wp:paragraph {\\"fontSize\\":\\"large\\"} -->
22
- <p class=\\"has-large-font-size\\">Content…</p>
21
+ <!-- wp:paragraph {"fontSize":"large"} -->
22
+ <p class="has-large-font-size">Content…</p>
23
23
  <!-- /wp:paragraph -->
24
24
 
25
25
  <!-- wp:paragraph -->
@@ -30,28 +30,28 @@ exports[`InnerBlocks Template Sync Ensures blocks without locking are kept intac
30
30
 
31
31
  exports[`InnerBlocks Template Sync Removes blocks that are not expected by the template if a lock all exists 1`] = `
32
32
  "<!-- wp:test/test-inner-blocks-locking-all -->
33
- <!-- wp:paragraph {\\"fontSize\\":\\"large\\"} -->
34
- <p class=\\"has-large-font-size\\">Content…</p>
33
+ <!-- wp:paragraph {"fontSize":"large"} -->
34
+ <p class="has-large-font-size">Content…</p>
35
35
  <!-- /wp:paragraph -->
36
36
  <!-- /wp:test/test-inner-blocks-locking-all -->"
37
37
  `;
38
38
 
39
39
  exports[`InnerBlocks Template Sync Synchronizes blocks if lock 'all' is set and the template prop is changed 1`] = `
40
40
  "<!-- wp:test/test-inner-blocks-update-locked-template -->
41
- <!-- wp:paragraph {\\"fontSize\\":\\"large\\"} -->
42
- <p class=\\"has-large-font-size\\">Content…</p>
41
+ <!-- wp:paragraph {"fontSize":"large"} -->
42
+ <p class="has-large-font-size">Content…</p>
43
43
  <!-- /wp:paragraph -->
44
44
  <!-- /wp:test/test-inner-blocks-update-locked-template -->"
45
45
  `;
46
46
 
47
47
  exports[`InnerBlocks Template Sync Synchronizes blocks if lock 'all' is set and the template prop is changed 2`] = `
48
- "<!-- wp:test/test-inner-blocks-update-locked-template {\\"hasUpdatedTemplate\\":true} -->
49
- <!-- wp:paragraph {\\"fontSize\\":\\"large\\"} -->
50
- <p class=\\"has-large-font-size\\">Content…</p>
48
+ "<!-- wp:test/test-inner-blocks-update-locked-template {"hasUpdatedTemplate":true} -->
49
+ <!-- wp:paragraph {"fontSize":"large"} -->
50
+ <p class="has-large-font-size">Content…</p>
51
51
  <!-- /wp:paragraph -->
52
52
 
53
- <!-- wp:paragraph {\\"fontSize\\":\\"large\\"} -->
54
- <p class=\\"has-large-font-size\\">Two</p>
53
+ <!-- wp:paragraph {"fontSize":"large"} -->
54
+ <p class="has-large-font-size">Two</p>
55
55
  <!-- /wp:paragraph -->
56
56
  <!-- /wp:test/test-inner-blocks-update-locked-template -->"
57
57
  `;
@@ -2,52 +2,52 @@
2
2
 
3
3
  exports[`cpt locking template_lock all should insert line breaks when using enter and shift-enter 1`] = `
4
4
  "<!-- wp:image -->
5
- <figure class=\\"wp-block-image\\"><img alt=\\"\\"/></figure>
5
+ <figure class="wp-block-image"><img alt=""/></figure>
6
6
  <!-- /wp:image -->
7
7
 
8
- <!-- wp:paragraph {\\"placeholder\\":\\"Add a description\\"} -->
8
+ <!-- wp:paragraph {"placeholder":"Add a description"} -->
9
9
  <p>First line<br>Second line<br>Third line</p>
10
10
  <!-- /wp:paragraph -->
11
11
 
12
12
  <!-- wp:quote -->
13
- <blockquote class=\\"wp-block-quote\\"><!-- wp:paragraph -->
13
+ <blockquote class="wp-block-quote"><!-- wp:paragraph -->
14
14
  <p></p>
15
15
  <!-- /wp:paragraph --></blockquote>
16
16
  <!-- /wp:quote -->
17
17
 
18
18
  <!-- wp:columns -->
19
- <div class=\\"wp-block-columns\\"></div>
19
+ <div class="wp-block-columns"></div>
20
20
  <!-- /wp:columns -->"
21
21
  `;
22
22
 
23
23
  exports[`cpt locking template_lock all should not error when deleting the cotents of a paragraph 1`] = `
24
24
  "<!-- wp:image -->
25
- <figure class=\\"wp-block-image\\"><img alt=\\"\\"/></figure>
25
+ <figure class="wp-block-image"><img alt=""/></figure>
26
26
  <!-- /wp:image -->
27
27
 
28
- <!-- wp:paragraph {\\"placeholder\\":\\"Add a description\\"} -->
28
+ <!-- wp:paragraph {"placeholder":"Add a description"} -->
29
29
  <p></p>
30
30
  <!-- /wp:paragraph -->
31
31
 
32
32
  <!-- wp:quote -->
33
- <blockquote class=\\"wp-block-quote\\"><!-- wp:paragraph -->
33
+ <blockquote class="wp-block-quote"><!-- wp:paragraph -->
34
34
  <p></p>
35
35
  <!-- /wp:paragraph --></blockquote>
36
36
  <!-- /wp:quote -->
37
37
 
38
38
  <!-- wp:columns -->
39
- <div class=\\"wp-block-columns\\"></div>
39
+ <div class="wp-block-columns"></div>
40
40
  <!-- /wp:columns -->"
41
41
  `;
42
42
 
43
43
  exports[`cpt locking template_lock all unlocked group should allow blocks to be moved 1`] = `
44
- "<!-- wp:group {\\"templateLock\\":false} -->
45
- <div class=\\"wp-block-group\\"><!-- wp:paragraph {\\"placeholder\\":\\"Add a description\\"} -->
44
+ "<!-- wp:group {"templateLock":false} -->
45
+ <div class="wp-block-group"><!-- wp:paragraph {"placeholder":"Add a description"} -->
46
46
  <p>p1</p>
47
47
  <!-- /wp:paragraph -->
48
48
 
49
49
  <!-- wp:quote -->
50
- <blockquote class=\\"wp-block-quote\\"><!-- wp:paragraph -->
50
+ <blockquote class="wp-block-quote"><!-- wp:paragraph -->
51
51
  <p></p>
52
52
  <!-- /wp:paragraph --></blockquote>
53
53
  <!-- /wp:quote --></div>
@@ -55,9 +55,9 @@ exports[`cpt locking template_lock all unlocked group should allow blocks to be
55
55
  `;
56
56
 
57
57
  exports[`cpt locking template_lock all unlocked group should allow blocks to be removed 1`] = `
58
- "<!-- wp:group {\\"templateLock\\":false} -->
59
- <div class=\\"wp-block-group\\"><!-- wp:quote -->
60
- <blockquote class=\\"wp-block-quote\\"><!-- wp:paragraph -->
58
+ "<!-- wp:group {"templateLock":false} -->
59
+ <div class="wp-block-group"><!-- wp:quote -->
60
+ <blockquote class="wp-block-quote"><!-- wp:paragraph -->
61
61
  <p></p>
62
62
  <!-- /wp:paragraph --></blockquote>
63
63
  <!-- /wp:quote --></div>
@@ -66,21 +66,21 @@ exports[`cpt locking template_lock all unlocked group should allow blocks to be
66
66
 
67
67
  exports[`cpt locking template_lock false should allow blocks to be inserted 1`] = `
68
68
  "<!-- wp:image -->
69
- <figure class=\\"wp-block-image\\"><img alt=\\"\\"/></figure>
69
+ <figure class="wp-block-image"><img alt=""/></figure>
70
70
  <!-- /wp:image -->
71
71
 
72
- <!-- wp:paragraph {\\"placeholder\\":\\"Add a description\\"} -->
72
+ <!-- wp:paragraph {"placeholder":"Add a description"} -->
73
73
  <p></p>
74
74
  <!-- /wp:paragraph -->
75
75
 
76
76
  <!-- wp:quote -->
77
- <blockquote class=\\"wp-block-quote\\"><!-- wp:paragraph -->
77
+ <blockquote class="wp-block-quote"><!-- wp:paragraph -->
78
78
  <p></p>
79
79
  <!-- /wp:paragraph --></blockquote>
80
80
  <!-- /wp:quote -->
81
81
 
82
82
  <!-- wp:columns -->
83
- <div class=\\"wp-block-columns\\"></div>
83
+ <div class="wp-block-columns"></div>
84
84
  <!-- /wp:columns -->
85
85
 
86
86
  <!-- wp:list -->
@@ -91,57 +91,57 @@ exports[`cpt locking template_lock false should allow blocks to be inserted 1`]
91
91
  `;
92
92
 
93
93
  exports[`cpt locking template_lock false should allow blocks to be moved 1`] = `
94
- "<!-- wp:paragraph {\\"placeholder\\":\\"Add a description\\"} -->
94
+ "<!-- wp:paragraph {"placeholder":"Add a description"} -->
95
95
  <p>p1</p>
96
96
  <!-- /wp:paragraph -->
97
97
 
98
98
  <!-- wp:image -->
99
- <figure class=\\"wp-block-image\\"><img alt=\\"\\"/></figure>
99
+ <figure class="wp-block-image"><img alt=""/></figure>
100
100
  <!-- /wp:image -->
101
101
 
102
102
  <!-- wp:quote -->
103
- <blockquote class=\\"wp-block-quote\\"><!-- wp:paragraph -->
103
+ <blockquote class="wp-block-quote"><!-- wp:paragraph -->
104
104
  <p></p>
105
105
  <!-- /wp:paragraph --></blockquote>
106
106
  <!-- /wp:quote -->
107
107
 
108
108
  <!-- wp:columns -->
109
- <div class=\\"wp-block-columns\\"></div>
109
+ <div class="wp-block-columns"></div>
110
110
  <!-- /wp:columns -->"
111
111
  `;
112
112
 
113
113
  exports[`cpt locking template_lock false should allow blocks to be removed 1`] = `
114
114
  "<!-- wp:image -->
115
- <figure class=\\"wp-block-image\\"><img alt=\\"\\"/></figure>
115
+ <figure class="wp-block-image"><img alt=""/></figure>
116
116
  <!-- /wp:image -->
117
117
 
118
118
  <!-- wp:quote -->
119
- <blockquote class=\\"wp-block-quote\\"><!-- wp:paragraph -->
119
+ <blockquote class="wp-block-quote"><!-- wp:paragraph -->
120
120
  <p></p>
121
121
  <!-- /wp:paragraph --></blockquote>
122
122
  <!-- /wp:quote -->
123
123
 
124
124
  <!-- wp:columns -->
125
- <div class=\\"wp-block-columns\\"></div>
125
+ <div class="wp-block-columns"></div>
126
126
  <!-- /wp:columns -->"
127
127
  `;
128
128
 
129
129
  exports[`cpt locking template_lock insert should allow blocks to be moved 1`] = `
130
- "<!-- wp:paragraph {\\"placeholder\\":\\"Add a description\\"} -->
130
+ "<!-- wp:paragraph {"placeholder":"Add a description"} -->
131
131
  <p>p1</p>
132
132
  <!-- /wp:paragraph -->
133
133
 
134
134
  <!-- wp:image -->
135
- <figure class=\\"wp-block-image\\"><img alt=\\"\\"/></figure>
135
+ <figure class="wp-block-image"><img alt=""/></figure>
136
136
  <!-- /wp:image -->
137
137
 
138
138
  <!-- wp:quote -->
139
- <blockquote class=\\"wp-block-quote\\"><!-- wp:paragraph -->
139
+ <blockquote class="wp-block-quote"><!-- wp:paragraph -->
140
140
  <p></p>
141
141
  <!-- /wp:paragraph --></blockquote>
142
142
  <!-- /wp:quote -->
143
143
 
144
144
  <!-- wp:columns -->
145
- <div class=\\"wp-block-columns\\"></div>
145
+ <div class="wp-block-columns"></div>
146
146
  <!-- /wp:columns -->"
147
147
  `;
@@ -2,6 +2,6 @@
2
2
 
3
3
  exports[`iframed inline styles should load inline styles in iframe 1`] = `
4
4
  "<!-- wp:test/iframed-inline-styles -->
5
- <div class=\\"wp-block-test-iframed-inline-styles\\">Save</div>
5
+ <div class="wp-block-test-iframed-inline-styles">Save</div>
6
6
  <!-- /wp:test/iframed-inline-styles -->"
7
7
  `;
@@ -2,6 +2,6 @@
2
2
 
3
3
  exports[`iframed masonry block should load script and dependencies in iframe 1`] = `
4
4
  "<!-- wp:test/iframed-masonry-block -->
5
- <div class=\\"wp-block-test-iframed-masonry-block\\"><div class=\\"grid-item\\"></div><div class=\\"grid-item grid-item--width2 grid-item--height2\\"></div><div class=\\"grid-item grid-item--height3\\"></div><div class=\\"grid-item grid-item--height2\\"></div><div class=\\"grid-item grid-item--width3\\"></div><div class=\\"grid-item\\"></div><div class=\\"grid-item\\"></div><div class=\\"grid-item grid-item--height2\\"></div><div class=\\"grid-item grid-item--width2 grid-item--height3\\"></div><div class=\\"grid-item\\"></div><div class=\\"grid-item grid-item--height2\\"></div><div class=\\"grid-item\\"></div><div class=\\"grid-item grid-item--width2 grid-item--height2\\"></div><div class=\\"grid-item grid-item--width2\\"></div><div class=\\"grid-item\\"></div><div class=\\"grid-item grid-item--height2\\"></div><div class=\\"grid-item\\"></div><div class=\\"grid-item\\"></div><div class=\\"grid-item grid-item--height3\\"></div><div class=\\"grid-item grid-item--height2\\"></div><div class=\\"grid-item\\"></div><div class=\\"grid-item\\"></div><div class=\\"grid-item grid-item--height2\\"></div></div>
5
+ <div class="wp-block-test-iframed-masonry-block"><div class="grid-item"></div><div class="grid-item grid-item--width2 grid-item--height2"></div><div class="grid-item grid-item--height3"></div><div class="grid-item grid-item--height2"></div><div class="grid-item grid-item--width3"></div><div class="grid-item"></div><div class="grid-item"></div><div class="grid-item grid-item--height2"></div><div class="grid-item grid-item--width2 grid-item--height3"></div><div class="grid-item"></div><div class="grid-item grid-item--height2"></div><div class="grid-item"></div><div class="grid-item grid-item--width2 grid-item--height2"></div><div class="grid-item grid-item--width2"></div><div class="grid-item"></div><div class="grid-item grid-item--height2"></div><div class="grid-item"></div><div class="grid-item"></div><div class="grid-item grid-item--height3"></div><div class="grid-item grid-item--height2"></div><div class="grid-item"></div><div class="grid-item"></div><div class="grid-item grid-item--height2"></div></div>
6
6
  <!-- /wp:test/iframed-masonry-block -->"
7
7
  `;
@@ -2,8 +2,8 @@
2
2
 
3
3
  exports[`RenderAppender prop of InnerBlocks Users can customize the appender and can still insert blocks using exposed components 1`] = `
4
4
  "<!-- wp:test/inner-blocks-render-appender -->
5
- <div style=\\"outline:1px solid gray;padding:5px\\" class=\\"wp-block-test-inner-blocks-render-appender\\"><!-- wp:quote -->
6
- <blockquote class=\\"wp-block-quote\\"><!-- wp:paragraph -->
5
+ <div style="outline:1px solid gray;padding:5px" class="wp-block-test-inner-blocks-render-appender"><!-- wp:quote -->
6
+ <blockquote class="wp-block-quote"><!-- wp:paragraph -->
7
7
  <p></p>
8
8
  <!-- /wp:paragraph --></blockquote>
9
9
  <!-- /wp:quote --></div>
@@ -12,14 +12,14 @@ exports[`RenderAppender prop of InnerBlocks Users can customize the appender and
12
12
 
13
13
  exports[`RenderAppender prop of InnerBlocks Users can dynamically customize the appender 1`] = `
14
14
  "<!-- wp:test/inner-blocks-render-appender-dynamic -->
15
- <div style=\\"outline:1px solid gray;padding:5px\\" class=\\"wp-block-test-inner-blocks-render-appender-dynamic\\"><!-- wp:quote -->
16
- <blockquote class=\\"wp-block-quote\\"><!-- wp:paragraph -->
15
+ <div style="outline:1px solid gray;padding:5px" class="wp-block-test-inner-blocks-render-appender-dynamic"><!-- wp:quote -->
16
+ <blockquote class="wp-block-quote"><!-- wp:paragraph -->
17
17
  <p></p>
18
18
  <!-- /wp:paragraph --></blockquote>
19
19
  <!-- /wp:quote -->
20
20
 
21
21
  <!-- wp:video -->
22
- <figure class=\\"wp-block-video\\"></figure>
22
+ <figure class="wp-block-video"></figure>
23
23
  <!-- /wp:video --></div>
24
24
  <!-- /wp:test/inner-blocks-render-appender-dynamic -->"
25
25
  `;
@@ -2,6 +2,6 @@
2
2
 
3
3
  exports[`Using Plugins API Document Setting Custom Panel Should render a custom panel inside Document Setting sidebar 1`] = `"My Custom Panel"`;
4
4
 
5
- exports[`Using Plugins API Sidebar Medium screen Should open plugins sidebar using More Menu item and render content 1`] = `"<div class=\\"components-panel__header interface-complementary-area-header__small\\"><span class=\\"interface-complementary-area-header__small-title\\">(no title)</span><button type=\\"button\\" class=\\"components-button has-icon\\" aria-label=\\"Close plugin\\"><svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\" width=\\"24\\" height=\\"24\\" aria-hidden=\\"true\\" focusable=\\"false\\"><path d=\\"M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z\\"></path></svg></button></div><div class=\\"components-panel__header interface-complementary-area-header\\" tabindex=\\"-1\\"><strong>Plugin sidebar title</strong><button type=\\"button\\" aria-pressed=\\"true\\" aria-expanded=\\"true\\" class=\\"components-button interface-complementary-area__pin-unpin-item is-pressed has-icon\\" aria-label=\\"Unpin from toolbar\\"><svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\" width=\\"24\\" height=\\"24\\" aria-hidden=\\"true\\" focusable=\\"false\\"><path d=\\"M11.776 4.454a.25.25 0 01.448 0l2.069 4.192a.25.25 0 00.188.137l4.626.672a.25.25 0 01.139.426l-3.348 3.263a.25.25 0 00-.072.222l.79 4.607a.25.25 0 01-.362.263l-4.138-2.175a.25.25 0 00-.232 0l-4.138 2.175a.25.25 0 01-.363-.263l.79-4.607a.25.25 0 00-.071-.222L4.754 9.881a.25.25 0 01.139-.426l4.626-.672a.25.25 0 00.188-.137l2.069-4.192z\\"></path></svg></button><button type=\\"button\\" class=\\"components-button has-icon\\" aria-label=\\"Close plugin\\"><svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\" width=\\"24\\" height=\\"24\\" aria-hidden=\\"true\\" focusable=\\"false\\"><path d=\\"M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z\\"></path></svg></button></div><div class=\\"components-panel\\"><div class=\\"components-panel__body sidebar-title-plugin-panel is-opened\\"><div class=\\"components-panel__row\\"><label for=\\"title-plain-text\\">Title:</label><textarea class=\\"block-editor-plain-text\\" id=\\"title-plain-text\\" placeholder=\\"(no title)\\" rows=\\"1\\" style=\\"overflow: hidden; overflow-wrap: break-word; resize: none; height: 18px;\\"></textarea></div><div class=\\"components-panel__row\\"><button type=\\"button\\" class=\\"components-button is-primary\\">Reset</button></div></div></div>"`;
5
+ exports[`Using Plugins API Sidebar Medium screen Should open plugins sidebar using More Menu item and render content 1`] = `"<div class="components-panel__header interface-complementary-area-header__small"><span class="interface-complementary-area-header__small-title">(no title)</span><button type="button" class="components-button has-icon" aria-label="Close plugin"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z"></path></svg></button></div><div class="components-panel__header interface-complementary-area-header" tabindex="-1"><strong>Plugin sidebar title</strong><button type="button" aria-pressed="true" aria-expanded="true" class="components-button interface-complementary-area__pin-unpin-item is-pressed has-icon" aria-label="Unpin from toolbar"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="M11.776 4.454a.25.25 0 01.448 0l2.069 4.192a.25.25 0 00.188.137l4.626.672a.25.25 0 01.139.426l-3.348 3.263a.25.25 0 00-.072.222l.79 4.607a.25.25 0 01-.362.263l-4.138-2.175a.25.25 0 00-.232 0l-4.138 2.175a.25.25 0 01-.363-.263l.79-4.607a.25.25 0 00-.071-.222L4.754 9.881a.25.25 0 01.139-.426l4.626-.672a.25.25 0 00.188-.137l2.069-4.192z"></path></svg></button><button type="button" class="components-button has-icon" aria-label="Close plugin"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z"></path></svg></button></div><div class="components-panel"><div class="components-panel__body sidebar-title-plugin-panel is-opened"><div class="components-panel__row"><label for="title-plain-text">Title:</label><textarea class="block-editor-plain-text" id="title-plain-text" placeholder="(no title)" rows="1" style="overflow: hidden; overflow-wrap: break-word; resize: none; height: 18px;"></textarea></div><div class="components-panel__row"><button type="button" class="components-button is-primary">Reset</button></div></div></div>"`;
6
6
 
7
- exports[`Using Plugins API Sidebar Should open plugins sidebar using More Menu item and render content 1`] = `"<div class=\\"components-panel__header interface-complementary-area-header__small\\"><span class=\\"interface-complementary-area-header__small-title\\">(no title)</span><button type=\\"button\\" class=\\"components-button has-icon\\" aria-label=\\"Close plugin\\"><svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\" width=\\"24\\" height=\\"24\\" aria-hidden=\\"true\\" focusable=\\"false\\"><path d=\\"M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z\\"></path></svg></button></div><div class=\\"components-panel__header interface-complementary-area-header\\" tabindex=\\"-1\\"><strong>Plugin sidebar title</strong><button type=\\"button\\" aria-pressed=\\"true\\" aria-expanded=\\"true\\" class=\\"components-button interface-complementary-area__pin-unpin-item is-pressed has-icon\\" aria-label=\\"Unpin from toolbar\\"><svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\" width=\\"24\\" height=\\"24\\" aria-hidden=\\"true\\" focusable=\\"false\\"><path d=\\"M11.776 4.454a.25.25 0 01.448 0l2.069 4.192a.25.25 0 00.188.137l4.626.672a.25.25 0 01.139.426l-3.348 3.263a.25.25 0 00-.072.222l.79 4.607a.25.25 0 01-.362.263l-4.138-2.175a.25.25 0 00-.232 0l-4.138 2.175a.25.25 0 01-.363-.263l.79-4.607a.25.25 0 00-.071-.222L4.754 9.881a.25.25 0 01.139-.426l4.626-.672a.25.25 0 00.188-.137l2.069-4.192z\\"></path></svg></button><button type=\\"button\\" class=\\"components-button has-icon\\" aria-label=\\"Close plugin\\"><svg xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 24 24\\" width=\\"24\\" height=\\"24\\" aria-hidden=\\"true\\" focusable=\\"false\\"><path d=\\"M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z\\"></path></svg></button></div><div class=\\"components-panel\\"><div class=\\"components-panel__body sidebar-title-plugin-panel is-opened\\"><div class=\\"components-panel__row\\"><label for=\\"title-plain-text\\">Title:</label><textarea class=\\"block-editor-plain-text\\" id=\\"title-plain-text\\" placeholder=\\"(no title)\\" rows=\\"1\\" style=\\"overflow: hidden; overflow-wrap: break-word; resize: none; height: 18px;\\"></textarea></div><div class=\\"components-panel__row\\"><button type=\\"button\\" class=\\"components-button is-primary\\">Reset</button></div></div></div>"`;
7
+ exports[`Using Plugins API Sidebar Should open plugins sidebar using More Menu item and render content 1`] = `"<div class="components-panel__header interface-complementary-area-header__small"><span class="interface-complementary-area-header__small-title">(no title)</span><button type="button" class="components-button has-icon" aria-label="Close plugin"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z"></path></svg></button></div><div class="components-panel__header interface-complementary-area-header" tabindex="-1"><strong>Plugin sidebar title</strong><button type="button" aria-pressed="true" aria-expanded="true" class="components-button interface-complementary-area__pin-unpin-item is-pressed has-icon" aria-label="Unpin from toolbar"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="M11.776 4.454a.25.25 0 01.448 0l2.069 4.192a.25.25 0 00.188.137l4.626.672a.25.25 0 01.139.426l-3.348 3.263a.25.25 0 00-.072.222l.79 4.607a.25.25 0 01-.362.263l-4.138-2.175a.25.25 0 00-.232 0l-4.138 2.175a.25.25 0 01-.363-.263l.79-4.607a.25.25 0 00-.071-.222L4.754 9.881a.25.25 0 01.139-.426l4.626-.672a.25.25 0 00.188-.137l2.069-4.192z"></path></svg></button><button type="button" class="components-button has-icon" aria-label="Close plugin"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" focusable="false"><path d="M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z"></path></svg></button></div><div class="components-panel"><div class="components-panel__body sidebar-title-plugin-panel is-opened"><div class="components-panel__row"><label for="title-plain-text">Title:</label><textarea class="block-editor-plain-text" id="title-plain-text" placeholder="(no title)" rows="1" style="overflow: hidden; overflow-wrap: break-word; resize: none; height: 18px;"></textarea></div><div class="components-panel__row"><button type="button" class="components-button is-primary">Reset</button></div></div></div>"`;
@@ -1,11 +1,11 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
3
  exports[`adding patterns should insert a block pattern 1`] = `
4
- "<!-- wp:social-links {\\"customIconColor\\":\\"#ffffff\\",\\"iconColorValue\\":\\"#ffffff\\",\\"customIconBackgroundColor\\":\\"#3962e3\\",\\"iconBackgroundColorValue\\":\\"#3962e3\\",\\"className\\":\\"has-icon-color\\"} -->
5
- <ul class=\\"wp-block-social-links has-icon-color has-icon-background-color\\"><!-- wp:social-link {\\"url\\":\\"https://wordpress.org\\",\\"service\\":\\"wordpress\\"} /-->
4
+ "<!-- wp:social-links {"customIconColor":"#ffffff","iconColorValue":"#ffffff","customIconBackgroundColor":"#3962e3","iconBackgroundColorValue":"#3962e3","className":"has-icon-color"} -->
5
+ <ul class="wp-block-social-links has-icon-color has-icon-background-color"><!-- wp:social-link {"url":"https://wordpress.org","service":"wordpress"} /-->
6
6
 
7
- <!-- wp:social-link {\\"url\\":\\"#\\",\\"service\\":\\"chain\\"} /-->
7
+ <!-- wp:social-link {"url":"#","service":"chain"} /-->
8
8
 
9
- <!-- wp:social-link {\\"url\\":\\"#\\",\\"service\\":\\"mail\\"} /--></ul>
9
+ <!-- wp:social-link {"url":"#","service":"mail"} /--></ul>
10
10
  <!-- /wp:social-links -->"
11
11
  `;