Testing and adjusting WP default blocks

[luminuu]

Twenty Twenty One uses the default block styles that are provided by WP core. For the release of the theme we need to check that every block is working well with the theme and add adjustments if needed. The list only contains blocks that have an output.

Text

• Paragraph
• Heading
• List
• Quote
• Code
• Classic
• Preformatted
• Pullquote
• Table
• Verse

Media

• Image
• Gallery
• Audio
• Cover
• File
• Media & Text
• Video

Design

• Buttons
• Columns
• Group
• Separator
• More

Widgets

• Archives
• Calendar
• Categories
• Latest Comments
• Latest Posts
• RSS
• Search
• Social Icons
• Tag Cloud

[pattonwebz]

Perhaps @youknowriad knows of a way we can test this. Could you help hook up some kind of storybook maybe?

[carolinan]

The text category blocks has been tested in post content and in the widget area, but not inside columns or group blocks.
Issues has been created for the problems that were found.
Notes: The list block looks broken when added in the widget screen itself, but works well on the front.

[carolinan]

I did not find time to test the following today:
Latest Comments
Latest Posts
Columns-tested 5/10
Group
Image -tested 2/10
Gallery -tested 2/10
Cover
Media & Text -tested 2/10

[carolinan]

What we are testing/looking for here are:

Blocks that look different in the editor and the front.
Blocks that do not align correctly (widths, left, right)

Blocks with color settings, where the body background color option in the customizer, which also affects the primary text color; affects the readability.
For example light text on light backgrounds.

[francescamarano]

Hello everyone!
I have started to test some of these blocks without knowing about this ticket, so it's not very focused: https://francescatest.com/first-impressions-without-having-seen-the-demo/

October 8th and 9th I will be busy with an online conference, but from Monday I can take a more structured approach to this and dedicate a good chunk of time.
Adding all the blocks into one post is very confusing, so I changed my checklist as follows.

To reproduce

1. Create a new post or a page for each block you want to test. Title: name of the block in English.
2. Add the block and use the default settings.
3. Save draft and go preview the post/page. Notice how the blocks look like in the front-end. Take screenshots.
4. Change the settings of the block, if available, and repeat step 3 until you test all options.

Expected behaviour

For the editor to match the preview.

Screenshots

Add screenshots of the editor view and the preview.

Editor version (please complete the following information):

WordPress version:
Gutenberg version:

What was used to test (please complete the following information):

OS:
Browser:
(Possibly screen resolution? I used to test that always when I was still making websites)

[carolinan]

tested and opened issues for the Media & text block.