Block Unit Test for Gutenberg

Description

The Block Unit Test plugin is a development tool to help folks make better WordPress themes by preparing for the upcoming Gutenberg block editor.

If you’re familiar with the WordPress Theme Unit Test, the Block Unit Test plugin is essentially same kind of test β€” but for core Gutenberg blocks. The plugin will create a single page with all the core blocks added, including mulitple variations of blocks.

Using the Block Unit Test plugin, WordPress theme authors can check the styling of each block and make the necessary fixes to fully support the new editor.

This plugin is created and maintained by Rich Tabor of ThemeBeans.

Built with developers in mind

Extensible, adaptable, and open source β€” the Block Unit Test plugin is created with theme developers in mind. There are opportunities for developers at all levels to get involved.

Click here to contribute to the plugin.

Installation

  1. Upload the block-unit-test folder to your /wp-content/plugins/ directory or alternatively upload the block-unit-test.zip file via the plugin page of WordPress by clicking ‘Add New’ and selecting the zip from your computer.
  2. Install and activate the Gutenberg WordPress plugin.
  3. Activate the Block Unit Test WordPress plugin through the ‘Plugins’ menu in WordPress.
  4. Navigate to the newly created “Block Unit Test” page.
  5. Start testing!

FAQ

Installation Instructions
  1. Upload the block-unit-test folder to your /wp-content/plugins/ directory or alternatively upload the block-unit-test.zip file via the plugin page of WordPress by clicking ‘Add New’ and selecting the zip from your computer.
  2. Install and activate the Gutenberg WordPress plugin.
  3. Activate the Block Unit Test WordPress plugin through the ‘Plugins’ menu in WordPress.
  4. Navigate to the newly created “Block Unit Test” page.
  5. Start testing!
How do I start using Gutenberg?

To get the full experience of the next-generation WordPress block editor, you’ll need a Gutenberg-ready WordPress theme, like Tabor. Then install the Gutenberg WordPress plugin. That’s it! πŸ’₯

Should I use Gutenberg on my live site?

The new block editor is still very much in active development and is not recommended for production websites just yet.

How do I prepare my WordPress theme for Gutenberg

The Block Unit Test is a great starting point, but if you want more tips and techniques, check out my blog my blog on WordPress design and development.

How do I add my theme’s styling to the Gutenberg editor

I recently published an article covering how to add WordPress theme styles to Gutenberg, which is a great place to start.

Reviews

Great tool for testing my themes

Great easy to use tool for checking my themes, to find out whether they support Gutenberg or not. Hopefully you will update this plugin now and then so it will fully support the most recent Gutenberg version at any time. 5 stars πŸ™‚

Read all 5 reviews

Contributors & Developers

“Block Unit Test for Gutenberg” is open source software. The following people have contributed to this plugin.

Contributors

“Block Unit Test for Gutenberg” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “Block Unit Test for Gutenberg” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0.2, July 13, 2018

  • New: Automagically update the contents of the Block Unit Test page upon plugin update
  • New: Add captions to image, gallery and video blocks
  • Tweak: Add heading levels to heading blocks

1.0.1, June 29, 2018

  • Fix: Resolve undefined variable

1.0.0, June 12, 2018

  • Initial release on WordPress.org. Enjoy!