diff --git a/__device-tests__/gutenberg-editor-sanity-test-1-visual.test.js b/__device-tests__/gutenberg-editor-sanity-test-1-visual.test.js index bb6343debb..21d18a661c 100644 --- a/__device-tests__/gutenberg-editor-sanity-test-1-visual.test.js +++ b/__device-tests__/gutenberg-editor-sanity-test-1-visual.test.js @@ -10,6 +10,7 @@ const { toggleDarkMode, isEditorVisible, } = e2eUtils; +import { NESTED_COLUMNS_3_LEVELS } from './test-editor-data'; describe( 'Gutenberg Editor - Test Suite 1', () => { describe( 'Columns block', () => { @@ -296,5 +297,26 @@ describe( 'Gutenberg Editor - Test Suite 1', () => { await editorPage.dismissBottomSheet(); await editorPage.removeBlock(); } ); + + it( 'allows deep nesting to at least 3 levels', async () => { + await editorPage.setHtmlContent( NESTED_COLUMNS_3_LEVELS ); + + // Wait for the block to be rendered + await editorPage.driver.sleep( 3000 ); + + // Visual test check + const screenshot = await takeScreenshot(); + expect( screenshot ).toMatchImageSnapshot(); + + // Remove block + const columnsBlock = await editorPage.getBlockAtPosition( + blockNames.columns + ); + await columnsBlock.click(); + + await editorPage.moveBlockSelectionUp( { toRoot: true } ); + + await editorPage.removeBlock(); + } ); } ); } ); diff --git a/__device-tests__/image-snapshots/gutenberg-editor-sanity-test-1-visual-test-js-gutenberg-editor-test-suite-1-columns-block-allows-deep-nesting-to-at-least-3-levels-1-android.png b/__device-tests__/image-snapshots/gutenberg-editor-sanity-test-1-visual-test-js-gutenberg-editor-test-suite-1-columns-block-allows-deep-nesting-to-at-least-3-levels-1-android.png new file mode 100644 index 0000000000..f2b9b92ae5 Binary files /dev/null and b/__device-tests__/image-snapshots/gutenberg-editor-sanity-test-1-visual-test-js-gutenberg-editor-test-suite-1-columns-block-allows-deep-nesting-to-at-least-3-levels-1-android.png differ diff --git a/__device-tests__/image-snapshots/gutenberg-editor-sanity-test-1-visual-test-js-gutenberg-editor-test-suite-1-columns-block-allows-deep-nesting-to-at-least-3-levels-1-ios.png b/__device-tests__/image-snapshots/gutenberg-editor-sanity-test-1-visual-test-js-gutenberg-editor-test-suite-1-columns-block-allows-deep-nesting-to-at-least-3-levels-1-ios.png new file mode 100644 index 0000000000..ecc7335946 Binary files /dev/null and b/__device-tests__/image-snapshots/gutenberg-editor-sanity-test-1-visual-test-js-gutenberg-editor-test-suite-1-columns-block-allows-deep-nesting-to-at-least-3-levels-1-ios.png differ diff --git a/__device-tests__/test-editor-data.js b/__device-tests__/test-editor-data.js index d8aaac37ad..51c97d9c09 100644 --- a/__device-tests__/test-editor-data.js +++ b/__device-tests__/test-editor-data.js @@ -721,3 +721,37 @@ export const NESTED_COLUMNS_CASE_2 = ` `; + +export const NESTED_COLUMNS_3_LEVELS = ` +
+
+
+
+
+
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+
+ + + +
+
+`; diff --git a/gutenberg b/gutenberg index 382eda62d9..1868ba7c09 160000 --- a/gutenberg +++ b/gutenberg @@ -1 +1 @@ -Subproject commit 382eda62d90c7a41abb209613792b27e6e90d968 +Subproject commit 1868ba7c092c2ffe31fceb78a83f686dcde0230a