designsimply 12:43 am on November 10, 2018
Tags: 4.3, call for testing ( 17 ), editor ( 30 ), gutenberg ( 45 )

Call for Testing: Gutenberg 4.3 Pre-release

This release will have a short turnaround time for testing in order to allow the pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party and coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. code to get better aligned for merging.

The goal of GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ is to simplify the creation of rich pages and posts in WordPress by replacing old custom HTMLHTML HTML is an acronym for Hyper Text Markup Language. It is a markup language that is used in the development of web pages and websites., CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site., and shortcodes with native Blocks. The Gutenberg plugin is currently the main focus for the testing group and Gutenberg is the new editing experience in WordPress.

Download Gutenberg v4.3.0-rc.1

To help test, please download gutenberg.zip from the releases page or use the button above, install/activate the plugin, and try testing any of the items listed below. If you don’t have time to test everything on the list, try just doing a few items. All testing is welcome!

Add several blocks with various alignments (left, right, center) and check to make sure the toolbar appears properly for each one. (11357)
Press meta+A to select a blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. and meta+A again to select all blocks. Test with Safari and Firefox. (8180)
Test the sibling inserter with Firefox and Safari. (11684)
Create a new post and start typing for at least 10 seconds. Verify that autosave does not occur while typing and that autosave does occur after 10 seconds of no action. (10103)
Add a pullquote and change the colors in various ways. Make sure the text is readable. (10792)
Add a Media & Text block, select the “Stack on mobile” option, publish and view on mobile and see that the blocks are responsive. (10969)
Create a Google Docs document with text that is both bold and italics and that has text with strikethrough, subscript, and superscript. Copy and paste the content into the editor and check that the formatting is correct. (11207)
Drag and drop multiple files into the editor and check that file blocks are created for each one. (11297)
Insert a thumbnail-sized image and set the link settings to media file. Check that clicking on the image from the published post opens the full-sized image. (11254)
Change the permalink for an existing post and save changes. Make sure the “View as” link in the black toolbar at the top works as expected. (11262)
Try opening a draft or a previously published post, do not make changes, close the browser tab—make sure you are not prompted to save changes if you opened a post and did not make any changes. (4687)
Activate a dropdown item, such as the inserter, and click outside of it to close the dropdown. (11253)
Add a YouTube URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org to a video block and make sure it gets added as a working YouTube embed. (6824)
Schedule a post and make sure it works as expected. (11418)
Transform a Media & Text block to a video or image block and vice versa. (11420)
Convert a classic block to blocks with e.g. a span with attributes in a paragraph. (11539)
Upload ~10 large (10 MB) images into a gallery and see that they upload without error. (11565)
Use Alt+F10 to navigate to the block toolbar (not the editor toolbar). (11607)
Add a columns block with various content. (11620, 11659)
For more, see issues in the 4.3 milestone.

AccessibilityAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility) Related

These are accessibility-related testing steps, though anyone can help test these!

Publish a post using the keyboard only (4187).
Navigate through the images in a gallery using the keyboard. Try different browsers. (11205)
Add a link to another existing post from your site using the keyboard only. (10838)
Using a screen reader, add a link, search for a post, select a link, and check that the result is announced. (10838)
Using a screen reader, select multiple blocks, and check that the number of blocks selected is read out. (11422)

Bonus Round

You should test these if you’re willing to dig in a little deeper, if you know of (or can find) custom plugins that use some of the updated capabilities, or if you would like to help test Gutenberg with popular plugins.

Go to More > Options and check the option for Custom Fields. Check that custom fields work as expected. (11084)
Add a left aligned and a right-aligned image to a post. Switch the site to use an RTL language and check that the alignments are the same. (11293)
Add a bunch of metaMeta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. boxes and check to make sure the editor still has ample room. (11482)
Find a plugin that removes the “kitchen sinkKitchen Sink When using the WYSIWYG (What You See Is What You Get) editor in WordPress, you can expand the capabilities to allow more options. This expanded area is called the "Kitchen Sink."” button from the old editor and confirm it works as expected. (10964)
Install a plugin that uses the SlotFill APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. (for example: DropIt or Yoast SEO) and make sure it works as expected. (11123)
Test with Advanced Custom Forms (ACF).
Test with Yoast SEO.

If you find a new bug, please file it in gutenberg on GitHub. Thank you!

Block developers: make sure to be aware of deprecations.

Please join us in #core-test on WordPress Slack any time if you have questions about testing!

#4-3, #call-for-testing, #editor, #gutenberg

Ryan Boren 7:11 pm on July 28, 2015
Tags: 4.3, beta ( 19 ), captions ( 3 ), chrome ( 28 ), editor ( 30 ), macos ( 29 ), media ( 30 ), needs-ticket ( 2 ), visual-bug-report ( 4 ), web ( 44 )

Media, Editor: Image captions containing <— are truncated, Macnchrome

With 4.3-beta4-33463.

: Select two images. Notice < – – in the caption. Click Insert.

: The caption is truncated at < – -.

: Removing < – – results in correct display.

: Caption truncated in image details. Alt text looks fine.

: HTMLHTML HTML is an acronym for Hyper Text Markup Language. It is a markup language that is used in the development of web pages and websites. view.

#4-3, #beta, #captions, #chrome, #editor, #macos, #media, #needs-ticket, #visual-bug-report, #web

Ryan Boren 7:47 pm on July 14, 2015
Tags: 16434 ( 6 ), 4.3, beta ( 19 ), chrome ( 28 ), customize ( 18 ), desktop ( 26 ), macos ( 29 ), site-icons ( 8 )

Customize: Change site icon via customize, Macnchrome

With 4.3-beta2-33249.

: Click Customize in the toolbar.

: Click Site Identity.

: Scroll down.

: Click Change Image.

: Scroll down.

: Click Quintana.

: Click Select.

: Adjust the crop.

: Click Crop Image.

: Click Save & Publish.

: Click X.

: Back to front.

#16434, #4-3, #beta, #chrome, #customize, #desktop, #macos, #site-icons

Ryan Boren 7:19 pm on July 14, 2015
Tags: 16434 ( 6 ), 4.3, beta ( 19 ), customize ( 18 ), iOS ( 64 ), phablet ( 50 ), site-icons ( 8 ), web ( 44 )

Customize: Change site icon via customize, iPhone 6+

With 4.3-beta2-33249.

Notes:

I couldn’t get cropping to work.

: Tap the paintbrush in the toolbar.

: Tap Site Identity

: Scroll down

: Tap Change Image

: Scroll down.

: Tap Quintana.

: I can’t get the crop controls to respond. Give up. Tap Crop Image.

: Tap Save & Publish

: Tap X.

: Back where I started.

#16434, #4-3, #beta, #customize, #ios, #phablet, #site-icons, #web

Ryan Boren 1:51 am on July 14, 2015
Tags: 32589 ( 3 ), 4.3, beta ( 19 ), iOS ( 64 ), login ( 5 ), login-registration ( 5 ), options ( 5 ), passwords ( 4 ), phablet ( 50 ), settings ( 3 ), thresholds ( 5 ), toolbar ( 12 ), web ( 44 )

Changing my password, iPhone 6+

Starting on the front page, I visit my profile, change my password, and return to the front page.

4.3-beta2-33183

See #32589.

: Start on the front page. Tap the avatarAvatar An avatar is an image or illustration that specifically refers to a character that represents an online user. It’s usually a square box that appears next to the user’s name. in the toolbar.

: Tap Edit My Profile

: Scroll down.

: Tap Generate new password.

: What happens if I tap Go? Let’s find out. Tap Go.

: Form submitted. Profile updated. The iCloud keychain is offering to Update. This could be considered really quick and convenient, or startling. If you don’t use iCloud keychain and instead using 1Password or LastPass, this can catch you unawares. The clipboard did not have a copy of the generated password so I don’t have a way to update the password in 1Password. Anyhow, tap Update Password.

: The notice has the generic Profile updated message. Given the anxiety of changing a password, should a message specific to changing the password be shown? Maybe link to password recovery info. Tap the Home icon in the toolbar.

: Back where we started.

#32589, #4-3, #beta, #ios, #login, #login-registration, #options, #passwords, #phablet, #settings, #thresholds, #toolbar, #web

Ryan Boren 11:32 pm on July 5, 2015
Tags: 4.3, beta ( 19 ), chrome ( 28 ), favicon, jetpack, macos ( 29 ), site-icons ( 8 ), visual-history ( 2 ), visual-survey ( 17 ), wp.com

A visual survey of site icon terminology

Site icons recently landed in trunk using the terminology “Site icon”. We didn’t go with “favicon”. Favicon is an under-the-hood term, one with a lot of tedious history. Instead, we want to package title, tagline, and icon together as site identity. And, we already have some history with site/blog icon. Here’s a quick visual surveyVisual survey A visual survey is a collection of screenshots for a like set of screens or interfaces, such as all list table screens or all toolbar incarnations across various devices. These screens are not presented in the context of a particular flow.https://make.wordpress.org/test/tag/visual-survey/.

4.3 BetaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process. uses “Site Icon”

wordpress.comWordPress.com An online implementation of WordPress code that lets you immediately access a new WordPress environment to publish your content. WordPress.com is a private company owned by Automattic that hosts the largest multisite in the world. This is arguably the best place to start blogging if you have never touched WordPress before. https://wordpress.com/ uses “Blog Picture/Icon”

Jetpack uses Site Icon and references favicon.

#4-3, #beta, #chrome, #favicon, #jetpack, #macos, #site-icons, #visual-history, #visual-survey, #wp-com

Ryan Boren 10:02 pm on July 5, 2015
Tags: 32395 ( 2 ), 4.3, beta ( 19 ), comments ( 4 ), iOS ( 64 ), list-tables ( 4 ), pages ( 2 ), phablet ( 50 ), plugins ( 8 ), posts ( 3 ), posts-list ( 2 ), taxonomy ( 2 ), users ( 3 ), visual-survey ( 17 ), web ( 44 )

Visual survey of list tables, iPhone 6+

For #32395.

4.3-beta1-33086. Single site. Logged in as an Administrator.

: In Response to looks odd here because the post has no title. I do a lot of no title image posts.

#32395, #4-3, #beta, #comments, #ios, #list-tables, #pages, #phablet, #plugins, #posts, #posts-list, #taxonomy, #users, #visual-survey, #web

Ryan Boren 11:04 pm on July 2, 2015
Tags: 16434 ( 6 ), 4.3, beta ( 19 ), chrome ( 28 ), iOS ( 64 ), macos ( 29 ), media ( 30 ), modal ( 14 ), options ( 5 ), phablet ( 50 ), settings ( 3 ), site-icons ( 8 ), web ( 44 )

Changing site icon, 4.3-beta1-33054, iPhone 6+

Cropping is broken. For #16434.

: Tap Update Site Icon

: Tap the 3rd image. I want to make sure I’m not selecting something already cropped, which is hard to determine from the modal. I know after some trial and error that the first image is already cropped.

: Tap Set as Site Icon

: Busted

Macnchrome too.

#16434, #4-3, #beta, #chrome, #ios, #macos, #media, #modal, #options, #phablet, #settings, #site-icons, #web

Ryan Boren 4:35 pm on July 1, 2015
Tags: 32947, 4.3, beta ( 19 ), editor ( 30 ), iOS ( 64 ), phone ( 22 ), toolbar ( 12 ), web ( 44 )

Toolbar flow: Delete a post, Create and chain edit a post, iPhone 6+

Here are a couple of toolbar flowFlow Flow is the path of screens and interactions taken to accomplish a task. It’s an experience vector. Flow is also a feeling. It’s being unselfconscious and in the zone. Flow is what happens when difficulties are removed and you are freed to pursue an activity without forming intentions. You just do it.

Flow is the actual user experience, in many ways. If you like, you can think of flow as a really comprehensive set of user stories. When you think about user flow, you’re thinking about exactly how a user will perform the tasks allowed by your product.Flow and Context

vizrecs I had laying around. These were done with 4.3 alpha, before the Customize icon landed in the toolbar.

Delete a post. Exercises Edit and Home in the toolbar.

: On a post permalink page. Tap the edit icon in the toolbar.

: Scroll down.

: Tap Move to TrashTrash Trash in WordPress is like the Recycle Bin on your PC or Trash in your Macintosh computer. Users with the proper permission level (administrators and editors) have the ability to delete a post, page, and/or comments. When you delete the item, it is moved to the trash folder where it will remain for 30 days..

: Tap the Home icon in the toolbar.

: Tap Visit Site.

: Front page.

Create a post and then chain edit it. Exercises + and Edit in the toolbar. Uses View Post in the publish/save notices to link from back to front, rather than the toolbar.