Release 1.40.0

[cameronvoell]

Release for Gutenberg Mobile 1.40.0

Related PRs

• Gutenberg: Mobile Release v1.40.0 WordPress/gutenberg#26466

• WPAndroid: Integrate gutenberg-mobile release 1.40.0 WordPress-Android#13236

• WPiOS: Integrate gutenberg-mobile release 1.40.0 WordPress-iOS#15166

• Aztec-iOS: N/A

• Aztec-Android: N/A

Extra PRs that Landed After the Release Was Cut

• Fix for CI - [RNMobile] Fix CI issues during npm ci WordPress/gutenberg#26455
• Fix for wrong Android emulator on CI - Pin circleci/android:api-29-node docker image to previous version with node 12 #2763

Changes

• Media Files error handling: Media Files Collection (part4: error handling) WordPress/gutenberg#26008 (review)
• Add yarn to prerequisites: Add Yarn to README Prerequisites #2739
• Adjust media-text attributes to defaul stacked on mobile to true: Adjust media-text attributes to default stacked on mobile to true WordPress/gutenberg#26041

Test plan

• Use the main WP apps to test the changes above.
• Smoke test the main WP apps for general writing flow.

Release Submission Checklist

• Approve and run optional Android and iOS UI tests
• Aztec dependencies are pointing to a stable release.
  • iOS: Aztec dependencies match in RNTAztecView.podspec and gutenberg/packages/react-native-aztec/RNTAztecView.podspec.
• Check if RELEASE-NOTES.txt and gutenberg/packages/react-native-editor/CHANGELOG.md are updated with all the changes that made it to the release.
• Bundle package of the release is updated.

[peril-wordpress-mobile]

Wanna run full suite of Android and iOS UI tests? Click here and 'Approve' CI job!

[antonis]

iOS Sanity Testing Results

Tested with build number: 36877 from App Center on a iPhone SE 2020 with iOS 14.2

DarkMode-2

• Spacer block - Dark mode - steps
• Buttons block - Dark mode - steps
• Group - Dark mode - steps
• Columns - Dark mode - steps

Group-2

• Group - Navigation up button works as expected - steps
• Group - Navigation down works according to parent-first approach - steps
• Group - Cross navigation between blocks works as expected - steps
• Group - Ungroup button works as expected - steps
• Group - Check if in DarkMode all components gets proper colors - steps
• Group - Check if nested Placeholder block can be replaced - steps

Spacer-2

• Spacer block - Settings: Available height range is correct - steps

The slider allows to minimum value of 1px. The same holds true for the Web.

This seems to be an intentional change and the test case needs to be updated.

Mobile	Web

• Spacer block - Settings: Height range extends if Spacer comes from the web is higher than 500px - steps

When setting this in HTML it produces an error on mobile. On the web this seems to work sometimes (like below) but not consistently

Opened #2761 to track this

Web	HTML	Mobile

• Spacer block - Spacer in horizontal layout works as expected - steps

Buttons-4

• Buttons block - Render custom text color - steps
• Buttons block - Render custom background color - steps
• Buttons block - Render gradient background color - steps
• Buttons block - Check if selection / caret color matches font color - steps
• Buttons block - The newly created Buttons has set background color to the theme-default color in preview - steps

Button-5

• Buttons block - Edit text styles - steps
• Buttons block - Render theme colors - steps
• Buttons block - Settings: Change Button border radius - steps

Button-7

• Buttons block - Link from the clipboard is automatically added into the empty URL field in link settings and button options - steps
• Buttons block - Toolbar link button is active when Button has link - steps

Editor Theme - 2

• Custom Gradients - Check that custom gradients load in the editor - steps
• Offline Support - steps

Color Settings - 2

• Pressing color swatch - steps
• Customize gradient color - steps
• Custom color picker - steps

[cameronvoell]

Android Testing ✅ , Results below:

Writing Flow checklist:

• TC001 - Block insertion flow
• TC001 - Paste formatted text copied from website
• TC001 - Multiline components
• Rich Text Format
  • TC001 - Bold, Italic, strikethrough buttons
  • TC002 - Alignment buttons
  • TC003 - Alignment Split
  • TC004 - Link button works without selection
  • TC005 - Link button works with a selected word
  • TC006 - Adding a link from a copied URL
  • TC007 - Test format detection under the cursor
  • TC008 - Test formatting doesn't remove leading or trailing whitespace
• Splitting and merging
  • TC001 - Merge after writing
  • TC002 - Merge after selection
  • TC003 - Merge after deleting text
  • TC004 - Merge after deleting all
  • TC005 - Merge multiple blocks
  • TC006 - Splitting/merge list block
• Undo / Redo - Test Cases
  • TC001 - Undo/redo block actions
  • TC002 - Undo/redo text
  • TC003 - Undo/redo text forma

[ceyhun]

Tested with iPhone 11 Pro, iOS 14.1, build 36877:

Writing Flow checklist:

• TC001 - Block insertion flow
• TC001 - Paste formatted text copied from website
• TC001 - Multiline components
• Rich Text Format
  • TC001 - Bold, Italic, strikethrough buttons
  • TC002 - Alignment buttons
  • TC003 - Alignment Split
  • TC004 - Link button works without selection
  • TC005 - Link button works with a selected word
  • TC006 - Adding a link from a copied URL
  • TC007 - Test format detection under the cursor
  • TC008 - Test formatting doesn't remove leading or trailing whitespace
• Splitting and merging
  • TC001 - Merge after writing
  • TC002 - Merge after selection
  • TC003 - Merge after deleting text
  • TC004 - Merge after deleting all
  • TC005 - Merge multiple blocks
  • TC006 - Splitting/merge list block
• Undo / Redo - Test Cases
  • TC001 - Undo/redo block actions
  • TC002 - Undo/redo text
  • TC003 - Undo/redo text format

[cameronvoell]

Testing with WPAndroid.

DarkMode-2

• Spacer block - Dark mode - steps
• Buttons block - Dark mode - steps
• Group - Dark mode - steps
• Columns - Dark mode - steps

Group-2

• Group - Navigation up button works as expected - steps
• Group - Navigation down works according to parent-first approach - steps
• Group - Cross navigation between blocks works as expected - steps
• Group - Ungroup button works as expected - steps
• Group - Check if in DarkMode all components gets proper colors - steps
• Group - Check if nested Placeholder block can be replaced - steps

Spacer-2

• Spacer block - Settings: Available height range is correct - steps
• Spacer block - Settings: Height range extends if Spacer comes from the web is higher than 500px - steps
• Spacer block - Spacer in horizontal layout works as expected - steps

Button-4

• Buttons block - Render custom text color - steps
• Buttons block - Render custom background color - steps
• Buttons block - Render gradient background color - steps
• Buttons block - Check if selection / caret color matches font color - steps
• Buttons block - The newly created Buttons has set background color to the theme-default color in preview - steps

Button-5

• Buttons block - Edit text styles - steps
• Buttons block - Render theme colors - steps
• Buttons block - Settings: Change Button border radius - steps

Button-7

• Buttons block - Link from the clipboard is automatically added into the empty URL field in link settings and button options - steps
• Buttons block - Toolbar link button is active when Button has link - steps

Color Settings-2

• Pressing color swatch - steps
• Customize gradient color - steps
• Custom color picker - steps

[cameronvoell]

Thanks @ceyhun and @antonis for the tests! Looks like we're all green except some minor behavior around setting spacer height outside the allowed range through html which @antonis create a ticket for (thank you!). Looks good to go from my perspective 👍

[ceyhun]