visual-comparison – Make WordPress Test

The Test Team helps manage testing and triage across the WordPress ecosystem. They focus on user testing of the editing experience and WordPress dashboard, replicating and documenting bug reports, and supporting a culture of review and triage across the project.

This ticket comment has some visual historyVisual history A visual history shows the evolution of an interface over time and across releases. of the h1 in wp-admin that I’d like to bubble up to here. Thanks @afercia.

h1 was used for the site name in all the admin screens, with a link back to the front page. It was removed with the refactoring of the admin bar. See how it looked in WordPress 3.0 in this screenshot.

Prior to 3.0, the header had "Visit Site" cuddled next the site name h1 to make it more discoverable. This screenshot shows WP 2.7.

Priori to 3.0, the headerHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes. had “Visit Site” cuddled next the site name h1 to make it more discoverable. This screenshot shows WP 2.7.

More screenshots at: https://cloudup.com/cqzGvz97_zO

#2-7, #3-0, #31650, #dashboard, #h1, #ia, #visit-site, #visual-comparison, #visual-history

Here are two cool things that recently landed in trunk and are available right now in the nightly build. Install the nightly. Try them.

Inline Link Toolbar

Being able to visit links straight from the editor means no more copy paste into the browser’s location bar. Nice. Also nice is being able to see the link without popping up the link modal.

One time I tapped X thinking it would dismiss the toolbar.

To test, visit the editor and click/tap into a link. The link toolbar will appear. If it does not, try forcing a browser refresh (Shift+Reload in Chrome on Mac OS). Provide feedack on #32604 or in #core-customize or in reply to this post. Check out this make/flow post for more visuals.

Press This split button

Draft, preview, and standard editor are now in a split button with Publish.

To test, go to the Tools menu and check out the Press This section at the top. Provide feedback on #32757 or in #core-pressthis or in reply to this post.

#4-3, #editor, #link-toolbar, #links, #press-this, #today-in-the-nightly, #visual-comparison

WordPress 4.2.2
Old menus admin screen (to be compared with Menu CustomizerCustomizer Tool built into WordPress core that hooks into most modern themes. You can use it to preview and modify many of your site’s appearance settings.)
Windows Phone 8.1, IE11 Mobile (only browser allowed on this device)
Testing on an actual site whose menu I actually needed to make a couple edits to… because why not 🙂

Open site (logged in). Tap dashboard icon.

Tap Menus.

Menus page loads. The menu I want to edit is selected. Scroll down to the menu.

Trying to delete “Big Buddies”. Tap on it. Nothing Happens. Try zooming out.

Tap on the arrow for the item I want to delete.

After a delay, it opens. Tap remove.

The menu item is deleted. Now need to add a new item. Scroll up.

The item I need to add is a post. Tap posts.

Tab the checkbox for the item I want to add.

Tap add to menu.

Loading indicator, then stops. Scroll down.

Item is at the bottom of the menu. While scrolling, hierarchy and positioning is messed up for several items at the bottom of the menu. Need to drag it up.

Try dragging the new item up. It needs to be a sub-item of “PSWC”, which is much higher up the screen, just out of view. It lands three items up. Repeatedly try dragging it up higher with various techniques, no luck. Look around for another way to move items. Try tapping the arrow icon again.