Add basic E2E test for blocks.

.eslintrc

@@ -0,0 +1,3 @@
+{
+    "extends":  [ "plugin:@wordpress/eslint-plugin/recommended" ]
+}

.github/workflows/e2e-tests.yml

@@ -0,0 +1,23 @@
+name: E2E Tests
+
+on:
+    pull_request:
+    push:
+        branches:
+            - trunk
+jobs:
+    e2e:
+      runs-on: ubuntu-latest
+      steps:
+      - uses: actions/checkout@v1
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node-version }}
+      - name: npm install, start env and run e2e tests
+        run: |
+          npm ci
+          npm run env:start
+          npm run test:e2e
+        env:
+          CI: true

.gitignore

@@ -9,3 +9,4 @@ index.js.map
 .vscode
 
 /vendor/
+artifacts

03-editable-esnext/tests/basic.spec.js

@@ -0,0 +1,28 @@
+/**
+ * WordPress dependencies
+ */
+import {
+	getEditedPostContent,
+	insertBlock,
+	createNewPost,
+} from '@wordpress/e2e-test-utils';
+
+/**
+ * Internal dependencies
+ */
+import json from '../block.json';
+const { title, name } = json;
+
+it( `${ title } block should be available`, async () => {
+	await createNewPost();
+	await insertBlock( title );
+
+	// Check if block was inserted
+	expect( await page.$( `[data-type="${ name }"]` ) ).not.toBeNull();
+
+	expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
+		"<!-- wp:gutenberg-examples/example-03-editable-esnext -->
+		<p class=\\"wp-block-gutenberg-examples-example-03-editable-esnext\\"></p>
+		<!-- /wp:gutenberg-examples/example-03-editable-esnext -->"
+	` );
+} );

03-editable/tests/basic.spec.js

@@ -0,0 +1,28 @@
+/**
+ * WordPress dependencies
+ */
+import {
+	getEditedPostContent,
+	insertBlock,
+	createNewPost,
+} from '@wordpress/e2e-test-utils';
+
+/**
+ * Internal dependencies
+ */
+import json from '../block.json';
+const { title, name } = json;
+
+it( `${ title } block should be available`, async () => {
+	await createNewPost();
+	await insertBlock( title );
+
+	// Check if block was inserted
+	expect( await page.$( `[data-type="${ name }"]` ) ).not.toBeNull();
+
+	expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
+		"<!-- wp:gutenberg-examples/example-03-editable -->
+		<p class=\\"wp-block-gutenberg-examples-example-03-editable\\"></p>
+		<!-- /wp:gutenberg-examples/example-03-editable -->"
+	` );
+} );

04-controls-esnext/tests/basic.spec.js

@@ -0,0 +1,28 @@
+/**
+ * WordPress dependencies
+ */
+import {
+	getEditedPostContent,
+	insertBlock,
+	createNewPost,
+} from '@wordpress/e2e-test-utils';
+
+/**
+ * Internal dependencies
+ */
+import json from '../block.json';
+const { title, name } = json;
+
+it( `${ title } block should be available`, async () => {
+	await createNewPost();
+	await insertBlock( title );
+
+	// Check if block was inserted
+	expect( await page.$( `[data-type="${ name }"]` ) ).not.toBeNull();
+
+	expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
+		"<!-- wp:gutenberg-examples/example-04-controls-esnext -->
+		<p class=\\"wp-block-gutenberg-examples-example-04-controls-esnext gutenberg-examples-align-none\\"></p>
+		<!-- /wp:gutenberg-examples/example-04-controls-esnext -->"
+	` );
+} );

04-controls/tests/basic.spec.js

@@ -0,0 +1,28 @@
+/**
+ * WordPress dependencies
+ */
+import {
+	getEditedPostContent,
+	insertBlock,
+	createNewPost,
+} from '@wordpress/e2e-test-utils';
+
+/**
+ * Internal dependencies
+ */
+import json from '../block.json';
+const { title, name } = json;
+
+it( `${ title } block should be available`, async () => {
+	await createNewPost();
+	await insertBlock( title );
+
+	// Check if block was inserted
+	expect( await page.$( `[data-type="${ name }"]` ) ).not.toBeNull();
+
+	expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
+		"<!-- wp:gutenberg-examples/example-04-controls -->
+		<p class=\\"wp-block-gutenberg-examples-example-04-controls gutenberg-examples-align-none\\"></p>
+		<!-- /wp:gutenberg-examples/example-04-controls -->"
+	` );
+} );

05-recipe-card-esnext/tests/basic.spec.js

@@ -0,0 +1,28 @@
+/**
+ * WordPress dependencies
+ */
+import {
+	getEditedPostContent,
+	insertBlock,
+	createNewPost,
+} from '@wordpress/e2e-test-utils';
+
+/**
+ * Internal dependencies
+ */
+import json from '../block.json';
+const { title, name } = json;
+
+it( `${ title } block should be available`, async () => {
+	await createNewPost();
+	await insertBlock( title );
+
+	// Check if block was inserted
+	expect( await page.$( `[data-type="${ name }"]` ) ).not.toBeNull();
+
+	expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
+		"<!-- wp:gutenberg-examples/example-05-recipe-card-esnext -->
+		<div class=\\"wp-block-gutenberg-examples-example-05-recipe-card-esnext\\"><h2></h2><h3>Ingredients</h3><ul class=\\"ingredients\\"></ul><h3>Instructions</h3><div class=\\"steps\\"></div></div>
+		<!-- /wp:gutenberg-examples/example-05-recipe-card-esnext -->"
+	` );
+} );

05-recipe-card/tests/basic.spec.js

@@ -0,0 +1,28 @@
+/**
+ * WordPress dependencies
+ */
+import {
+	getEditedPostContent,
+	insertBlock,
+	createNewPost,
+} from '@wordpress/e2e-test-utils';
+
+/**
+ * Internal dependencies
+ */
+import json from '../block.json';
+const { title, name } = json;
+
+it( `${ title } block should be available`, async () => {
+	await createNewPost();
+	await insertBlock( title );
+
+	// Check if block was inserted
+	expect( await page.$( `[data-type="${ name }"]` ) ).not.toBeNull();
+
+	expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
+		"<!-- wp:gutenberg-examples/example-05-recipe-card -->
+		<div class=\\"wp-block-gutenberg-examples-example-05-recipe-card\\"><h2></h2><h3>Ingredients</h3><ul class=\\"ingredients\\"></ul><h3>Instructions</h3><div class=\\"steps\\"></div></div>
+		<!-- /wp:gutenberg-examples/example-05-recipe-card -->"
+	` );
+} );

06-inner-blocks-esnext/tests/basic.spec.js

@@ -0,0 +1,28 @@
+/**
+ * WordPress dependencies
+ */
+import {
+	getEditedPostContent,
+	insertBlock,
+	createNewPost,
+} from '@wordpress/e2e-test-utils';
+
+/**
+ * Internal dependencies
+ */
+import json from '../block.json';
+const { title, name } = json;
+
+it( `${ title } block should be available`, async () => {
+	await createNewPost();
+	await insertBlock( title );
+
+	// Check if block was inserted
+	expect( await page.$( `[data-type="${ name }"]` ) ).not.toBeNull();
+
+	expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
+		"<!-- wp:gutenberg-examples/example-06-esnext -->
+		<div class=\\"wp-block-gutenberg-examples-example-06-esnext\\"></div>
+		<!-- /wp:gutenberg-examples/example-06-esnext -->"
+	` );
+} );

06-inner-blocks/tests/basic.spec.js

@@ -0,0 +1,31 @@
+/**
+ * WordPress dependencies
+ */
+import {
+	getEditedPostContent,
+	insertBlock,
+	createNewPost,
+} from '@wordpress/e2e-test-utils';
+
+/**
+ * Internal dependencies
+ */
+import json from '../block.json';
+const { title, name } = json;
+
+// Increase the timeout limit for this test.
+jest.setTimeout( 30000 );
+
+it( `${ title } block should be available`, async () => {
+	await createNewPost();
+	await insertBlock( title );
+
+	// Check if block was inserted
+	expect( await page.$( `[data-type="${ name }"]` ) ).not.toBeNull();
+
+	expect( await getEditedPostContent() ).toMatchInlineSnapshot( `
+		"<!-- wp:gutenberg-examples/example-06 -->
+		<div class=\\"wp-block-gutenberg-examples-example-06\\"></div>
+		<!-- /wp:gutenberg-examples/example-06 -->"
+	` );
+} );