diff --git a/test-cases/README.md b/test-cases/README.md index 585810a..5698d3b 100644 --- a/test-cases/README.md +++ b/test-cases/README.md @@ -16,7 +16,6 @@ Gutenberg: - [Media-Text block](./gutenberg/media-text.md) - [Mentions](./gutenberg/mentions.md) - [Shortcode block](./gutenberg/shortcode.md) -- [Spacer block](./gutenberg/spacer.md) - [Unsupported block editing](./gutenberg/unsupported-block-editing.md) - [Verse block](./gutenberg/verse.md) - [Video block](./gutenberg/video.md) diff --git a/test-cases/gutenberg/columns.md b/test-cases/gutenberg/columns.md index 11ebe22..189cc68 100644 --- a/test-cases/gutenberg/columns.md +++ b/test-cases/gutenberg/columns.md @@ -2,164 +2,6 @@ -------------------------------------------------------------------------------- -##### TC001 - -### Check if Column placeholders is visible for the unselected state - -- Add a `Columns` block -- Deselect -- Expect to see placeholder for each `Column` added in `Columns` - -Expected look: - -Portrait | Landscape --|- -![PlaceholderHorizontal](../resources/columns-placeholder-root-horizontal.png)|![PlaceholderStacked](../resources/columns-placeholder-root.png) - - --------------------------------------------------------------------------------- - -##### TC002 - -### Max limit of Column number - -- Add a `Columns` block -- Increase number of `Column` -- Expect have **no limit** with possible number of `Column` to add - --------------------------------------------------------------------------------- - -##### TC003 - -### Deep nesting is possible - -- Add a `Columns` block -- Nest blocks inside multiple `Columns` blocks (at least 3 levels deep) -- Expect app do not crash - --------------------------------------------------------------------------------- - -##### TC004 - -### Appearance in vertical device position (vertical layout) - -- Add a `Columns` block -- Create some nested structure adding more `Column` and nesting `Columns` -- Expect all `Column` is stacked (only 1 `Column` in row is render) -- Expect space around blocks do not bounce when changing selection (exception is the transition of the selected block connected with making space for FloatingToolbar) -- Expect no weird/unexpected extra free space around blocks -- Expect the space from screen edge to content should equals `16px` - -Exception: - -- If there is enough space (more than `480px`) for `Columns` then it will be render in `horizontal` layout - -Expected look: -![ColumnsVertical](../resources/columns-vertical-layout.png) - -- Space of `16px` left/right - --------------------------------------------------------------------------------- - -##### TC005 - -### Appearance in horizontal device position (horizontal layout) - -- Rotate device to horizontal position -- Add `Columns` block -- Create some nested structure adding more `Column` and nesting `Columns` -- Expect all `Column` is distributed in row depending on available space for container: - - below `480px` then expect 1 `Column` in row to be rendered - - between `480px` and `768px` then expect 3 `Column` in row to be rendered - - more than `768px` then expect as much `Column` as possible in row to be rendered -- Expect space around blocks do not bounce when changing selection (exception is the transition of the selected block connected with making space for FloatingToolbar) -- Expect no weird/unexpected extra free space around blocks -- Expect the space around each `Column` should equals `16px` - -Expected look: -![ColumnsHorizontal](../resources/columns-horizontal-layout.png) - -- Space of `16px` left/right/top/bottom - --------------------------------------------------------------------------------- - -##### TC006 - -### Mover direction - -- Add `Columns` block -- Create some nested structure adding more `Column` and nesting `Columns` -- Make `Column` stacked in `Columns` by rotate device to vertical position -- Select `Column` -- Expect `Mover` controls be in vertical position -- Switch `Columns` to horizontal layout by rotate device to horizontal position -- Select `Column` -- Expect `Mover` controls be in horizontal position -- Expect nested `Column` has proper `Mover` position - -Expected look: -![MoverVertical](../resources/columns-mover-vertical.png) -![MoverHorizontal](../resources/columns-mover-horizontal.png) - --------------------------------------------------------------------------------- - -##### TC007 - -### Check if Column placeholder is render in nested structure - -- Add a `Columns` block -- Nest some `Columns` inside one of the `Column` -- Select top-most `Columns` block in hierarchy -- Check if you are able to see `Column` placeholder of nested blocks wrapped with dashed border when the parent is selected -- Select one of the `Column` -- Expect to see it's `AppenderButton` after selecting last `Column` - -Expected look: -![PlaceholderNested](../resources/columns-placeholder-nested.png) - -- Post title is not dimmed -- Navigation arrows is not visible -- Only selected block title is visible in breadcrumbs - --------------------------------------------------------------------------------- - -##### TC008 - -### Unselected Column placeholder is streched to content in nested structure - -- Add a `Columns` block -- Switch to `horizontal` layout -- Add some blocks inside one of the `Column` -- Select top-most `Columns` block in hierarchy -- Expect empty `Column` placeholder to be stretched accordingly -- Select `Column` with the content -- Expect empty `Column` placeholder in the same row to be stretched accordingly. Note: [known issue](https://github.com/wordpress-mobile/gutenberg-mobile/issues/4081) that the placeholder is not actually stretched vertically as expected. - -Expected look: -![PlaceholderStretched](../resources/columns-placeholder-stretched.png) - -- Post title is not dimmed -- Navigation arrows is not visible -- Only selected block title is visible in breadcrumbs -- Placeholder (dashed line is stretched to content) - --------------------------------------------------------------------------------- - -##### TC009 - -### Check if in DarkMode all components gets proper colors - -- Add a `Columns` block -- Create nested structure -- Switch to DarkMode -- Check if all components switch it's color schema to dark - -Expected look: -![DarkMode](../resources/columns-dark-mode.png) -![DarkModeEmpty](../resources/columns-dark-mode-empty.png) - --------------------------------------------------------------------------------- - ##### TC010 ### Columns percentage mechanism - custom percentage values are rendered correctly on frontend @@ -175,18 +17,3 @@ Expected look: - Check the preview and expect to see that the front end reflects the column widths -------------------------------------------------------------------------------- - -##### TC011 - -### Multiple slider in columns parent - -- Add a `Columns` block -- Expect to see bottom sheet with layout picker -- Press `Cancel` button on layout picker -- Open `Columns` settings -- Play with sliders -- Expect that fill level in the preview (to the left of a slider) is changing proportionally in all columns - - - --------------------------------------------------------------------------------- diff --git a/test-cases/gutenberg/darkmode.md b/test-cases/gutenberg/darkmode.md index 58ace20..f538b4d 100644 --- a/test-cases/gutenberg/darkmode.md +++ b/test-cases/gutenberg/darkmode.md @@ -75,19 +75,6 @@ Expected look: -------------------------------------------------------------------------------- -##### TC007 - -### Columns Block - Check if in DarkMode all components gets proper colors - -- Add a `Columns` block -- Check if `Columns` block in Dark Mode looks like below - -Expected look: -![ColumnsDarkMode](../resources/columns-dark-mode.png) -![ColumnsDarkModeEmpty](../resources/columns-dark-mode-empty.png) - --------------------------------------------------------------------------------- - ##### TC008 ### Quote Block - Check if in DarkMode all components gets proper colors diff --git a/test-cases/gutenberg/gallery.md b/test-cases/gutenberg/gallery.md index 6a3c3c8..bff9c89 100644 --- a/test-cases/gutenberg/gallery.md +++ b/test-cases/gutenberg/gallery.md @@ -57,50 +57,6 @@ Gallery block should allow uploading multiple images after the editor is closed. -------------------------------------------------------------------------------- -##### TC003 - -### Add caption to gallery - -- Add a Gallery block -- Set a caption to your gallery - -![Gallery Caption](../resources/gallery-caption-3.png) -- Add some styles to your caption: - - Bold - - Italic - - Strikethrough - - Expect all to work correctly - -(Note: Underlined text is only rendered if it is set by a .com site, the Underline format button is not available in mobile.) - -![Gallery Caption Styles](../resources/gallery-caption-4.png) - -- Save the post -- Open it and expect to see the captions with their styles - --------------------------------------------------------------------------------- - -##### TC004 - -### Add caption to gallery images - -- Add a Gallery block -- Add some images to your gallery -- Set some captions to your images by tapping on each image - -![Gallery Image Caption](../resources/gallery-caption-1.png) -- Add some styles to your captions: - - Bold - - Italic - - Expect all to work correctly - -![Gallery Image Caption Styles](../resources/gallery-caption-2.png) - -- Save the post -- Open it and expect to see the captions with their styles - --------------------------------------------------------------------------------- - ##### TC005 ### Choose from device (stay in editor) - Successful upload diff --git a/test-cases/gutenberg/spacer.md b/test-cases/gutenberg/spacer.md deleted file mode 100644 index 73cd729..0000000 --- a/test-cases/gutenberg/spacer.md +++ /dev/null @@ -1,13 +0,0 @@ -# Spacer Block - Test Cases - --------------------------------------------------------------------------------- - -##### TC001 - -### Spacer in horizontal layout works as expected - -- Add a `Spacer` block -- Rotate the device to horizontal layout -- Check if `Spacer` has proper height according to settings - --------------------------------------------------------------------------------- diff --git a/test-suites/gutenberg/functionality-test-suites.md b/test-suites/gutenberg/functionality-test-suites.md index ce59c54..92f85f3 100644 --- a/test-suites/gutenberg/functionality-test-suites.md +++ b/test-suites/gutenberg/functionality-test-suites.md @@ -3,8 +3,7 @@ This holds a grouping of certain test suites to run in order to share the work w ## Test Suite 1 -- Gallery 1-3 -- Columns 1-3 +- Gallery 1-2 - MediaText 1-2 - Multiple Upload 1 - Cover 1 @@ -21,31 +20,8 @@ This holds a grouping of certain test suites to run in order to share the work w - [ ] Gallery block - Insert image from device (failing) - [TC006](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/gallery.md#tc006) - [ ] Gallery block - Insert image from device (cancel) - [TC009](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/gallery.md#tc009) - -### Gallery - 3 - -- [ ] Gallery block - Add Gallery Caption - [TC003](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/gallery.md#tc003) -- [ ] Gallery block - Add Gallery Image Caption - [TC04](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/gallery.md#tc004) - [ ] Gallery block - Try adding same images from WP Media library and moving the images around - [TC010](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/gallery.md#tc010) -### Columns - 1 - -- [ ] Columns - Multiple slider in columns parent - [TC011](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/columns.md#tc011) -- [ ] Columns - Check if Column placeholders is visible for the unselected state - [TC001](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/columns.md#tc001) -- [ ] Columns - Appearance in vertical device position (vertical layout) - [TC004](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/columns.md#tc004) - -### Columns - 2 - -- [ ] Columns - Max limit of Column number - [TC002](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/columns.md#tc002) -- [ ] Columns - Deep nesting is possible (iOS only)- [TC003](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/columns.md#tc003) -- [ ] Columns - Appearance in horizontal device position (horizontal layout) - [TC005](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/columns.md#tc005) - -### Columns - 3 - -- [ ] Columns - Mover direction - [TC006](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/columns.md#tc006) -- [ ] Columns - Check if Column placeholder is render in nested structure - [TC007](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/columns.md#tc007) -- [ ] Columns - Unselected Column placeholder is stretched to content in nested structure- [TC008](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/columns.md#tc008) - ### MediaText - 1 - [ ] Media Text block - Insert image from device (failing) - [TC001](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/media-text.md#tc001-i) @@ -60,7 +36,6 @@ This holds a grouping of certain test suites to run in order to share the work w - [ ] Simultaneous uploads - [TC001](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/media-interaction.md#tc001) - ### Cover - 1 - [ ] Cover - Add image background from WordPress Media library - [TC001](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/cover.md#tc001) @@ -83,7 +58,6 @@ This holds a grouping of certain test suites to run in order to share the work w - DarkMode 1 - Group 1 -- Spacer 1 - Buttons 1-2-3 - Color Settings 1 - Image 1 @@ -148,8 +122,8 @@ This holds a grouping of certain test suites to run in order to share the work w ## Test Suite 3 -- Gallery 2-4 -- Columns 2-4 +- Gallery 2-3 +- Columns 1 - MediaText 3-4 - Shortcode 1 - Cover 2 @@ -160,30 +134,14 @@ This holds a grouping of certain test suites to run in order to share the work w ### Gallery - 2 - [ ] Gallery block - Insert image from device (failing) - [TC006](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/gallery.md#tc006) - [ ] Gallery block - Insert image from device (cancel) - [TC009](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/gallery.md#tc009) - -### Gallery - 3 -- [ ] Gallery block - Add Gallery Caption - [TC003](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/gallery.md#tc003) -- [ ] Gallery block - Add Gallery Image Caption - [TC004](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/gallery.md#tc004) - [ ] Gallery block - Try adding same images from WP Media library and moving the images around - [TC010](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/gallery.md#tc010) -### Gallery - 4 +### Gallery - 3 - [ ] Gallery block - Settings: Link to - [TC012](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/gallery.md#tc012) - [ ] Gallery block - Settings: Column number - [TC013](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/gallery.md#tc013) - [ ] Gallery block - Settings: Crop images - [TC014](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/gallery.md#tc014) -### Columns - 2 -- [ ] Columns - Max limit of Column number - [TC002](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/columns.md#tc002) -- [ ] Columns - Deep nesting is possible (iOS only)- [TC003](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/columns.md#tc003) -- [ ] Columns - Check if Column placeholders is visible for the unselected state - [TC001](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/columns.md#tc001) -- [ ] Columns - Appearance in vertical device position (vertical layout) - [TC004](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/columns.md#tc004) - -### Columns - 3 -- [ ] Columns - Appearance in horizontal device position (horizontal layout) - [TC005](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/columns.md#tc005) -- [ ] Columns - Mover direction - [TC006](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/columns.md#tc006) -- [ ] Columns - Check if Column placeholder is render in nested structure - [TC007](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/columns.md#tc007) -- [ ] Columns - Unselected Column placeholder is stretched to content in nested structure- [TC008](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/columns.md#tc008) - -### Columns - 4 +### Columns - 1 - [ ] Columns - Check if in DarkMode all components gets proper colors - [TC018](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/columns.md#tc018) ### MediaText - 3 @@ -222,7 +180,6 @@ This holds a grouping of certain test suites to run in order to share the work w - DarkMode 2 - Group 2 -- Spacer 1 - Buttons 4-5-7 - Editor Theme 2 - Color Settings 2 @@ -244,21 +201,12 @@ This holds a grouping of certain test suites to run in order to share the work w - [ ] Group - Check if in DarkMode all components gets proper colors - [TC009](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/group.md#tc009) - [ ] Group - Check if nested Placeholder block can be replaced - [TC010](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/group.md#tc010) -### Spacer - 1 - -- [ ] Spacer block - Spacer in horizontal layout works as expected - [TC001](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/spacer.md#tc001) - ### Buttons - 4 -- [ ] Buttons block - Render custom text color - [TC013](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/buttons.md#tc013) -- [ ] Buttons block - Render custom background color - [TC012](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/buttons.md#tc012) -- [ ] Buttons block - Render gradient background color - [TC014](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/buttons.md#tc014) -- [ ] Buttons block - Check if selection / caret color matches font color - [TC016](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/buttons.md#tc016) - [ ] Buttons block - The newly created Buttons has set background color to the theme-default color in preview - [TC017](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/buttons.md#tc017) ### Buttons - 5 -- [ ] Buttons block - Edit text styles - [TC005](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/buttons.md#tc005) - [ ] Buttons block - Render theme colors - [TC015](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/buttons.md#tc015) - [ ] Buttons block - Settings: Change Button border radius - [TC011](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/buttons.md#tc011) diff --git a/test-suites/gutenberg/functionality-tests.md b/test-suites/gutenberg/functionality-tests.md index 3296e06..d2ca723 100644 --- a/test-suites/gutenberg/functionality-tests.md +++ b/test-suites/gutenberg/functionality-tests.md @@ -7,14 +7,9 @@ Gallery-2 - [ ] Gallery block - Insert image from device (failing) - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/gallery.md#tc006) - [ ] Gallery block - Insert image from device (cancel) - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/gallery.md#tc009) - -Gallery-3 - -- [ ] Gallery block - Add Gallery Caption - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/gallery.md#tc003) -- [ ] Gallery block - Add Gallery Image Caption - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/gallery.md#tc004) - [ ] Gallery block - Try adding same images from WP Media library and moving the images around - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/gallery.md#tc010) -Gallery-4 +Gallery-3 - [ ] Gallery block - Settings: Link to - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/gallery.md#tc012) - [ ] Gallery block - Settings: Column number - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/gallery.md#tc013) @@ -55,16 +50,11 @@ DarkMode-2 - [ ] Spacer block - Dark mode - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/darkmode.md#tc004) - [ ] Buttons block - Dark mode - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/darkmode.md#tc005) - [ ] Group - Dark mode - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/darkmode.md#tc009) -- [ ] Columns - Dark mode - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/darkmode.md#tc007) Shortcode-1 - [ ] Shortcode block - Add a youtube link - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/shortcode.md#tc001) -Spacer-1 - -- [ ] Spacer block - Spacer in horizontal layout works as expected - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/spacer.md#tc002) - Buttons-1 - [ ] Buttons block - Buttons block is added with focused Button with gray background color and white text color - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/buttons.md#tc001) @@ -80,15 +70,10 @@ Buttons-3 Buttons-4 -- [ ] Buttons block - Render custom text color - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/buttons.md#tc013) -- [ ] Buttons block - Render custom background color - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/buttons.md#tc012) -- [ ] Buttons block - Render gradient background color - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/buttons.md#tc014) -- [ ] Buttons block - Check if selection / caret color matches font color - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/buttons.md#tc016) - [ ] Buttons block - The newly created Buttons has set background color to the theme-default color in preview - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/buttons.md#tc017) Button-5 -- [ ] Buttons block - Edit text styles - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/buttons.md#tc005) - [ ] Buttons block - Render theme colors - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/buttons.md#tc015) - [ ] Buttons block - Settings: Change Button border radius - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/buttons.md#tc011) @@ -133,26 +118,6 @@ Cover-2 - [ ] Cover - Gradient background is rendered properly - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/cover.md#tc006) - [ ] Cover - Gradient overlay is rendered properly - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/cover.md#tc007) -Columns - 1 - - -- [ ] Columns - Multiple slider in columns parent - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/columns.md#tc011) -- [ ] Columns - Max limit of Column number - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/columns.md#tc002) -- [ ] Columns - Deep nesting is possible (iOS only)- [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/columns.md#tc003) - -Columns - 3 - -- [ ] Columns - Check if Column placeholders is visible for the unselected state - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/columns.md#tc001) -- [ ] Columns - Appearance in vertical device position (vertical layout) - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/columns.md#tc004) -- [ ] Columns - Appearance in horizontal device position (horizontal layout) - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/columns.md#tc005) -- [ ] Columns - Mover direction - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/columns.md#tc006) -- [ ] Columns - Check if Column placeholder is render in nested structure - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/columns.md#tc007) -- [ ] Columns - Unselected Column placeholder is streched to content in nested structure- [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/columns.md#tc008) - -Columns - 4 - -- [ ] Columns - Check if in DarkMode all components gets proper colors - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/columns.md#tc009) - Editor Theme - 1 - [ ] Default Colors - Check that default colors still load - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/editor-theme.md#tc001) - [ ] Default Gradients - Check that default gradients still load - [steps](https://github.com/wordpress-mobile/test-cases/blob/trunk/test-cases/gutenberg/editor-theme.md#tc002)