Enable verse block (#2185)

Enable verse block for production
* Add release notes for verse block
* Add verse block to sample content
* Add UI tests for verse block
* Update WordPress-Aztec-iOS to 1.19.1
* Update gutenberg ref to point to gutenberg submodule commit

RELEASE-NOTES.txt

@@ -2,6 +2,7 @@
 ------
 * [**] Add support for changing overlay color settings in Cover block
 * Add enter/exit animation in FloatingToolbar
+* [***] New block: Verse
 
 1.28.0
 ------

RNTAztecView.podspec

@@ -18,6 +18,6 @@ Pod::Spec.new do |s|
   s.xcconfig         = {'OTHER_LDFLAGS' => '-lxml2',
                         'HEADER_SEARCH_PATHS' => '/usr/include/libxml2'}
   s.dependency         'React-Core'
-  s.dependency         'WordPress-Aztec-iOS', '~> 1.19.0'
+  s.dependency         'WordPress-Aztec-iOS', '~> 1.19.1'
 
 end

__device-tests__/gutenberg-editor-verse.test.js

@@ -0,0 +1,57 @@
+/**
+ * @format
+ * */
+
+/**
+ * Internal dependencies
+ */
+import EditorPage from './pages/editor-page';
+import {
+	setupDriver,
+	isLocalEnvironment,
+	stopDriver,
+} from './helpers/utils';
+
+jasmine.DEFAULT_TIMEOUT_INTERVAL = 1000000;
+
+describe( 'Gutenberg Editor Verse Block Tests', () => {
+	let driver;
+	let editorPage;
+	let allPassed = true;
+	const verseBlockName = 'Verse';
+
+	// Use reporter for setting status for saucelabs Job
+	if ( ! isLocalEnvironment() ) {
+		const reporter = {
+			specDone: async ( result ) => {
+				allPassed = allPassed && result.status !== 'failed';
+			},
+		};
+
+		jasmine.getEnv().addReporter( reporter );
+	}
+
+	beforeAll( async () => {
+		driver = await setupDriver();
+		editorPage = new EditorPage( driver );
+	} );
+
+	it( 'should be able to see visual editor', async () => {
+		await expect( editorPage.getBlockList() ).resolves.toBe( true );
+	} );
+
+	it( 'should be able to add a verse block', async () => {
+		await editorPage.addNewBlock( verseBlockName );
+		const verseBlock = await editorPage.getBlockAtPosition( verseBlockName );
+
+		expect( verseBlock ).toBeTruthy();
+		await editorPage.removeBlockAtPosition( verseBlockName );
+	} );
+
+	afterAll( async () => {
+		if ( ! isLocalEnvironment() ) {
+			driver.sauceJobStatus( allPassed );
+		}
+		await stopDriver( driver );
+	} );
+} );

__device-tests__/pages/editor-page.js

@@ -17,6 +17,7 @@ export default class EditorPage {
 	accessibilityIdKey: string;
 	accessibilityIdXPathAttrib: string;
 	paragraphBlockName = 'Paragraph';
+	verseBlockName = 'Verse';
 	orderedListButtonName = 'Convert to ordered list';
 
 	constructor( driver: wd.PromiseChainWebdriver ) {

ios/Podfile.lock

@@ -241,8 +241,8 @@ PODS:
     - React
   - RNTAztecView (1.28.0):
     - React-Core
-    - WordPress-Aztec-iOS (~> 1.19.0)
-  - WordPress-Aztec-iOS (1.19.0)
+    - WordPress-Aztec-iOS (~> 1.19.1)
+  - WordPress-Aztec-iOS (1.19.1)
   - Yoga (1.14.0)
 
 DEPENDENCIES:
@@ -393,8 +393,8 @@ SPEC CHECKSUMS:
   ReactCommon: 198c7c8d3591f975e5431bec1b0b3b581aa1c5dd
   ReactNativeDarkMode: f61376360c5d983907e5c316e8e1c853a8c2f348
   RNSVG: 68a534a5db06dcbdaebfd5079349191598caef7b
-  RNTAztecView: c8face301ee453aab24e9e10615353134cca505b
-  WordPress-Aztec-iOS: fb6ea6409a5228292568f665eb22ea0a0aa7ad7e
+  RNTAztecView: 86f6b2820ee97d02f69d9eb28659cf76bd70e910
+  WordPress-Aztec-iOS: 25a9cbe204a22dd6d540d66d90b8a889421e0b42
   Yoga: f2a7cd4280bfe2cca5a7aed98ba0eb3d1310f18b
 
 PODFILE CHECKSUM: 8fc85c086e46c9bb555a0c4ebda2e57ceae0a8d6

src/initial-html.js

@@ -227,6 +227,10 @@ else:
 <!-- /wp:paragraph --></div></div>
 <!-- /wp:cover -->
 
+<!-- wp:verse -->
+<pre class="wp-block-verse">Come<br>Home.</pre>
+<!-- /wp:verse -->
+
 <!-- wp:latest-posts {"displayPostContent":true,"displayPostDate":true} /-->
 
 <!-- wp:pullquote -->