From 50849ac3ecb21a27e1894f36d029015ed0cd63fc Mon Sep 17 00:00:00 2001 From: David Calhoun Date: Tue, 20 Feb 2024 10:03:29 -0500 Subject: [PATCH 1/6] test: Add Gallery block dark mode test case --- .../gutenberg-editor-gallery-visual.test.js | 19 +++++++++++++++++- ...correct-colors-for-dark-mode-1-android.png | Bin 0 -> 7109 bytes ...lay-correct-colors-for-dark-mode-1-ios.png | Bin 0 -> 7272 bytes gutenberg | 2 +- 4 files changed, 19 insertions(+), 2 deletions(-) create mode 100644 __device-tests__/image-snapshots/gutenberg-editor-gallery-visual-test-js-gutenberg-editor-visual-test-for-gallery-block-should-display-correct-colors-for-dark-mode-1-android.png create mode 100644 __device-tests__/image-snapshots/gutenberg-editor-gallery-visual-test-js-gutenberg-editor-visual-test-for-gallery-block-should-display-correct-colors-for-dark-mode-1-ios.png diff --git a/__device-tests__/gutenberg-editor-gallery-visual.test.js b/__device-tests__/gutenberg-editor-gallery-visual.test.js index f01dd17ca9..c755f8efe6 100644 --- a/__device-tests__/gutenberg-editor-gallery-visual.test.js +++ b/__device-tests__/gutenberg-editor-gallery-visual.test.js @@ -2,7 +2,8 @@ * Internal dependencies */ const { blockNames } = editorPage; -import { takeScreenshot } from './utils'; +const { toggleDarkMode } = e2eUtils; +import { takeScreenshot, takeScreenshotByElement } from './utils'; describe( 'Gutenberg Editor Visual test for Gallery Block', () => { it( 'should be able to render the placeholder correctly', async () => { @@ -31,4 +32,20 @@ describe( 'Gutenberg Editor Visual test for Gallery Block', () => { const screenshot = await takeScreenshot(); expect( screenshot ).toMatchImageSnapshot(); } ); + + it( 'should display correct colors for dark mode', async () => { + await toggleDarkMode( editorPage.driver, true ); + await editorPage.initializeEditor( { + initialData: [ e2eTestData.galleryBlockTwoImages ].join( '\n\n' ), + } ); + + const block = await editorPage.selectBlockByType( blockNames.gallery ); + await editorPage.driver.pause( 5000 ); // Wait for images to load + + const screenshot = await takeScreenshotByElement( block, { + padding: 7, + } ); + await toggleDarkMode( editorPage.driver, false ); + expect( screenshot ).toMatchImageSnapshot(); + } ); } ); diff --git a/__device-tests__/image-snapshots/gutenberg-editor-gallery-visual-test-js-gutenberg-editor-visual-test-for-gallery-block-should-display-correct-colors-for-dark-mode-1-android.png b/__device-tests__/image-snapshots/gutenberg-editor-gallery-visual-test-js-gutenberg-editor-visual-test-for-gallery-block-should-display-correct-colors-for-dark-mode-1-android.png new file mode 100644 index 0000000000000000000000000000000000000000..fc8ddc4e161a274892c01a71dd01a9dd114c769c GIT binary patch literal 7109 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 literal 0 HcmV?d00001 diff --git a/__device-tests__/image-snapshots/gutenberg-editor-gallery-visual-test-js-gutenberg-editor-visual-test-for-gallery-block-should-display-correct-colors-for-dark-mode-1-ios.png b/__device-tests__/image-snapshots/gutenberg-editor-gallery-visual-test-js-gutenberg-editor-visual-test-for-gallery-block-should-display-correct-colors-for-dark-mode-1-ios.png new file mode 100644 index 0000000000000000000000000000000000000000..04adc4ec49122b09b400b56f1983ca72f36a58bc GIT binary patch literal 7272 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 B$u Date: Tue, 20 Feb 2024 10:17:20 -0500 Subject: [PATCH 2/6] test: Add Shortcode block dark mode test case --- .../gutenberg-editor-shortcode-visual.test.js | 24 ++++++++++++++++++ ...correct-colors-for-dark-mode-1-android.png | Bin 0 -> 3157 bytes ...lay-correct-colors-for-dark-mode-1-ios.png | Bin 0 -> 3349 bytes 3 files changed, 24 insertions(+) create mode 100644 __device-tests__/gutenberg-editor-shortcode-visual.test.js create mode 100644 __device-tests__/image-snapshots/gutenberg-editor-shortcode-visual-test-js-gutenberg-editor-visual-test-for-shortcode-block-should-display-correct-colors-for-dark-mode-1-android.png create mode 100644 __device-tests__/image-snapshots/gutenberg-editor-shortcode-visual-test-js-gutenberg-editor-visual-test-for-shortcode-block-should-display-correct-colors-for-dark-mode-1-ios.png diff --git a/__device-tests__/gutenberg-editor-shortcode-visual.test.js b/__device-tests__/gutenberg-editor-shortcode-visual.test.js new file mode 100644 index 0000000000..064f62da1b --- /dev/null +++ b/__device-tests__/gutenberg-editor-shortcode-visual.test.js @@ -0,0 +1,24 @@ +/** + * Internal dependencies + */ +const { blockNames } = editorPage; +const { toggleDarkMode } = e2eUtils; +import { takeScreenshotByElement } from './utils'; + +const shortcodeBlock = ``; + +describe( 'Gutenberg Editor Visual test for Shortcode Block', () => { + it( 'should display correct colors for dark mode', async () => { + await toggleDarkMode( editorPage.driver, true ); + await editorPage.initializeEditor( { + initialData: shortcodeBlock, + } ); + + const block = await editorPage.getBlockAtPosition( + blockNames.shortcode + ); + const screenshot = await takeScreenshotByElement( block ); + await toggleDarkMode( editorPage.driver, false ); + expect( screenshot ).toMatchImageSnapshot(); + } ); +} ); diff --git a/__device-tests__/image-snapshots/gutenberg-editor-shortcode-visual-test-js-gutenberg-editor-visual-test-for-shortcode-block-should-display-correct-colors-for-dark-mode-1-android.png b/__device-tests__/image-snapshots/gutenberg-editor-shortcode-visual-test-js-gutenberg-editor-visual-test-for-shortcode-block-should-display-correct-colors-for-dark-mode-1-android.png new file mode 100644 index 0000000000000000000000000000000000000000..38f3044f6367c5658b278ac48ae1ddef54f7b50a GIT binary patch literal 3157 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 Date: Tue, 20 Feb 2024 10:30:54 -0500 Subject: [PATCH 3/6] test: Add Media & Text block dark mode test case --- ...gutenberg-editor-media-text-visual.test.js | 41 ++++++++++++++++++ ...correct-colors-for-dark-mode-1-android.png | Bin 0 -> 7506 bytes ...lay-correct-colors-for-dark-mode-1-ios.png | Bin 0 -> 7730 bytes gutenberg | 2 +- 4 files changed, 42 insertions(+), 1 deletion(-) create mode 100644 __device-tests__/gutenberg-editor-media-text-visual.test.js create mode 100644 __device-tests__/image-snapshots/gutenberg-editor-media-text-visual-test-js-gutenberg-editor-visual-test-for-media-text-block-should-display-correct-colors-for-dark-mode-1-android.png create mode 100644 __device-tests__/image-snapshots/gutenberg-editor-media-text-visual-test-js-gutenberg-editor-visual-test-for-media-text-block-should-display-correct-colors-for-dark-mode-1-ios.png diff --git a/__device-tests__/gutenberg-editor-media-text-visual.test.js b/__device-tests__/gutenberg-editor-media-text-visual.test.js new file mode 100644 index 0000000000..481a45f30a --- /dev/null +++ b/__device-tests__/gutenberg-editor-media-text-visual.test.js @@ -0,0 +1,41 @@ +/** + * Internal dependencies + */ +const { blockNames } = editorPage; +const { toggleDarkMode } = e2eUtils; +import { takeScreenshotByElement } from './utils'; + +const mediaTextBlock = ` +
+

+
+`; + +describe( 'Gutenberg Editor Visual test for Media & Text Block', () => { + it( 'should display correct colors for dark mode', async () => { + await toggleDarkMode( editorPage.driver, true ); + await editorPage.initializeEditor( { + initialData: mediaTextBlock, + } ); + + const tapOutsideMediaButton = { + offset: { + x: ( width ) => Math.floor( width * -0.5 + 20 ), + y: ( height ) => Math.floor( height * -0.5 + 20 ), + }, + }; + await editorPage.selectBlockByType( + blockNames.mediaText, + tapOutsideMediaButton + ); + + const block = await editorPage.getBlockAtPosition( + blockNames.mediaText + ); + const screenshot = await takeScreenshotByElement( block, { + padding: 7, + } ); + await toggleDarkMode( editorPage.driver, false ); + expect( screenshot ).toMatchImageSnapshot(); + } ); +} ); diff --git a/__device-tests__/image-snapshots/gutenberg-editor-media-text-visual-test-js-gutenberg-editor-visual-test-for-media-text-block-should-display-correct-colors-for-dark-mode-1-android.png b/__device-tests__/image-snapshots/gutenberg-editor-media-text-visual-test-js-gutenberg-editor-visual-test-for-media-text-block-should-display-correct-colors-for-dark-mode-1-android.png new file mode 100644 index 0000000000000000000000000000000000000000..2619104c1cc54d3c022bfc50ab7558c2edf4595c GIT binary patch literal 7506 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 ue!x34;&| Date: Tue, 20 Feb 2024 10:44:51 -0500 Subject: [PATCH 4/6] test: Add Quote block dark mode test case --- .../gutenberg-editor-quote-visual.test.js | 28 ++++++++++++++++++ ...correct-colors-for-dark-mode-1-android.png | Bin 0 -> 3397 bytes ...lay-correct-colors-for-dark-mode-1-ios.png | Bin 0 -> 3516 bytes 3 files changed, 28 insertions(+) create mode 100644 __device-tests__/gutenberg-editor-quote-visual.test.js create mode 100644 __device-tests__/image-snapshots/gutenberg-editor-quote-visual-test-js-gutenberg-editor-visual-test-for-quote-block-should-display-correct-colors-for-dark-mode-1-android.png create mode 100644 __device-tests__/image-snapshots/gutenberg-editor-quote-visual-test-js-gutenberg-editor-visual-test-for-quote-block-should-display-correct-colors-for-dark-mode-1-ios.png diff --git a/__device-tests__/gutenberg-editor-quote-visual.test.js b/__device-tests__/gutenberg-editor-quote-visual.test.js new file mode 100644 index 0000000000..dc84625c54 --- /dev/null +++ b/__device-tests__/gutenberg-editor-quote-visual.test.js @@ -0,0 +1,28 @@ +/** + * Internal dependencies + */ +const { blockNames } = editorPage; +const { toggleDarkMode } = e2eUtils; +import { takeScreenshotByElement } from './utils'; + +const quoteBlock = ` +
+

Hello, world!

+A person
+`; + +describe( 'Gutenberg Editor Visual test for Quote Block', () => { + it( 'should display correct colors for dark mode', async () => { + await toggleDarkMode( editorPage.driver, true ); + await editorPage.initializeEditor( { + initialData: quoteBlock, + } ); + + const block = await editorPage.getBlockAtPosition( blockNames.quote ); + const screenshot = await takeScreenshotByElement( block, { + padding: 7, + } ); + await toggleDarkMode( editorPage.driver, false ); + expect( screenshot ).toMatchImageSnapshot(); + } ); +} ); diff --git a/__device-tests__/image-snapshots/gutenberg-editor-quote-visual-test-js-gutenberg-editor-visual-test-for-quote-block-should-display-correct-colors-for-dark-mode-1-android.png b/__device-tests__/image-snapshots/gutenberg-editor-quote-visual-test-js-gutenberg-editor-visual-test-for-quote-block-should-display-correct-colors-for-dark-mode-1-android.png new file mode 100644 index 0000000000000000000000000000000000000000..ddd8f6f06367c6c0282a1660b2b8df50063d9df1 GIT binary patch literal 3397 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 literal 0 HcmV?d00001 diff --git a/__device-tests__/image-snapshots/gutenberg-editor-quote-visual-test-js-gutenberg-editor-visual-test-for-quote-block-should-display-correct-colors-for-dark-mode-1-ios.png b/__device-tests__/image-snapshots/gutenberg-editor-quote-visual-test-js-gutenberg-editor-visual-test-for-quote-block-should-display-correct-colors-for-dark-mode-1-ios.png new file mode 100644 index 0000000000000000000000000000000000000000..a9a83921cb7f29e2406c12aa3b10fc05d3a130ed GIT binary patch literal 3516 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 Date: Fri, 23 Feb 2024 14:03:35 -0500 Subject: [PATCH 5/6] test: Repurpose `selectBlockByType` to `selectBlock` Restructure the utility to reuse the existing `getBlockAtPosition` utility, encouraging composition of utilities rather than duplication. --- __device-tests__/gutenberg-editor-gallery-visual.test.js | 4 +++- .../gutenberg-editor-media-text-visual.test.js | 8 +++----- gutenberg | 2 +- 3 files changed, 7 insertions(+), 7 deletions(-) diff --git a/__device-tests__/gutenberg-editor-gallery-visual.test.js b/__device-tests__/gutenberg-editor-gallery-visual.test.js index c755f8efe6..7e2ccde13f 100644 --- a/__device-tests__/gutenberg-editor-gallery-visual.test.js +++ b/__device-tests__/gutenberg-editor-gallery-visual.test.js @@ -39,7 +39,9 @@ describe( 'Gutenberg Editor Visual test for Gallery Block', () => { initialData: [ e2eTestData.galleryBlockTwoImages ].join( '\n\n' ), } ); - const block = await editorPage.selectBlockByType( blockNames.gallery ); + const block = await editorPage.selectBlock( + await editorPage.getBlockAtPosition( blockNames.gallery ) + ); await editorPage.driver.pause( 5000 ); // Wait for images to load const screenshot = await takeScreenshotByElement( block, { diff --git a/__device-tests__/gutenberg-editor-media-text-visual.test.js b/__device-tests__/gutenberg-editor-media-text-visual.test.js index 481a45f30a..ca16b6c376 100644 --- a/__device-tests__/gutenberg-editor-media-text-visual.test.js +++ b/__device-tests__/gutenberg-editor-media-text-visual.test.js @@ -24,14 +24,12 @@ describe( 'Gutenberg Editor Visual test for Media & Text Block', () => { y: ( height ) => Math.floor( height * -0.5 + 20 ), }, }; - await editorPage.selectBlockByType( - blockNames.mediaText, + + const block = await editorPage.selectBlock( + await editorPage.getBlockAtPosition( blockNames.mediaText ), tapOutsideMediaButton ); - const block = await editorPage.getBlockAtPosition( - blockNames.mediaText - ); const screenshot = await takeScreenshotByElement( block, { padding: 7, } ); diff --git a/gutenberg b/gutenberg index b0dd8e2dff..b5324fccac 160000 --- a/gutenberg +++ b/gutenberg @@ -1 +1 @@ -Subproject commit b0dd8e2dff4c350fb79814d79dc325b7d85dbb9a +Subproject commit b5324fccac035e59c10cf73078c333c149163d67 From 02c5b964ba317befb61a998153b4f591f701a0a6 Mon Sep 17 00:00:00 2001 From: David Calhoun Date: Mon, 26 Feb 2024 07:18:25 -0500 Subject: [PATCH 6/6] build: Update Gutenberg ref --- gutenberg | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/gutenberg b/gutenberg index b5324fccac..a5721d9a95 160000 --- a/gutenberg +++ b/gutenberg @@ -1 +1 @@ -Subproject commit b5324fccac035e59c10cf73078c333c149163d67 +Subproject commit a5721d9a9506817a2c0c1ab1053f0ad861d7ad25