WordPress.org

The Test team patrols, curates, and tests the WordPress experience. We use a QA mindset to do visual records, using, observing, user research, manual testing, and user testing. We also document and triage top flows.

#4-4, #alpha, #chrome, #customize, #customizer, #customizer-ui-experiments, #desktop, #feature-plugin, #feature-preview-responsiveness, #ios, #macos, #phablet, #preview, #responsive, #tablet, #visual-survey

Ryan Boren 12:57 pm on September 2, 2015
Tags: 4.4 ( 2 ), alpha ( 2 ), chrome ( 28 ), customize ( 18 ), customizer ( 14 ), customizer-ui-experiments, desktop ( 26 ), feature-plugin ( 4 ), feature-preview-responsiveness, iOS ( 64 ), macos ( 29 ), phablet ( 50 ), preview ( 6 ), responsive ( 2 ), tablet, visual-survey ( 17 )

Customize: preview site responsiveness, Macnchrome, iPad Air, iPhone 6+

A brief visual survey for #31195 with WP 4.4-alpha-33848 and Customizer UI Experiments 0.1.

: Macnchrome

: Macnchrome

: Macnchrome

: iPhone 6+, customize mode.

: iPhone 6+, preview mode. Note there is no responsive selector on phones.

: iPad Air with customizer ui experiments active, Preview doesn’t load and the Collapse button doesn’t show.

: With the plugin deactivated, preview still doesn’t load but the Collapse button shows.

#4-4, #alpha, #chrome, #customize, #customizer, #customizer-ui-experiments, #desktop, #feature-plugin, #feature-preview-responsiveness, #ios, #macos, #phablet, #preview, #responsive, #tablet, #visual-survey

William Earnhardt 5:32 pm on June 14, 2015
Tags: iOS ( 64 ), multisite ( 7 ), network admin ( 3 ), safari ( 8 ), tablet, web ( 44 )

Multisite Flows (iPad)

Screenshots taken on an iPad Air.

Install Multisite

N/A

Add a new user – network admin

: Input username

: Input email & click submit

: Success!

Each field auto-capitalizes first letter of input. Should maybe use autocapitalize="off" and autocorrect="off" on the username field. The email field should be type="email".

Add a new user to a site

: New User Screen on an individual site

: Input username & email

: If confirmation skip is not checked, user gets sent email to confirm they want to be added.

: If confirmation skip is checked, they just get added

Username auto-capitalizes first letter of input. Should maybe use autocapitalize="off" and autocorrect="off".

Add an existing user to a site

: Begin typing and get auto-suggestions

: Tap auto-suggestion to select, tap again to insert

: Without skip confirmation email checked, user gets sent email to confirm adding

: With skip confirmation email checked, user just gets added

Having to double tap a user from the auto-suggested list isn’t ideal.

Install, enable, and then activate a theme for a single site

: Go to Network Admin > Themes. Tap Add New

: Tap on a theme

: Tap Install

: Theme installed

: Tap Sites

: Tap All Sites

: Tap the URL or Edit link for the site you want to activate the theme on

: Tap the Themes tab

: Tap the Enable link for the theme you want to activate on this site

: Theme enabled, Tap menu

: Tap All Sites

: Tap Dashboard link for the site you want to activate theme on

: Tap the menu

: Tap Appearance

: Tap Themes

: Tap on the theme you want to activate

: Tap Activate

: Theme successfully activated

It takes 18 taps (!!) to install and activate a theme on an individual site.

Install a theme and enable it for network

: Go to Network Admin > Themes. Tap Add New

: Tap on a theme

: Tap Install

: Theme installed

: After tapping Network Enable

Install and then activate a plugin on a single site

: Tap the menu from the network dashboard and tap Plugins > Add New

: Tap Install Now on a plugin

: Plugin Installed. Tap Menu

: Tap Sites

: Tap All Sites

: Tap the dashboard of the site you want to activate the plugin on

: Tap the menu icon

: Tap Plugins > All Plugins

: Tap Activate link for the individual plugin

: Plugin activated!

Install and then network activate a plugin

: Tap the menu from the network dashboard and tap Plugins > Add New

: Tap Install Now on a plugin

: Plugin installed. Tap Network Activate

: Plugin activated

Create a new site

: Tap create a new site, or menu

: In menu, tap Add New

: Enter Site Information

: Site added successfully

Update a plugin

: In the Dashboard tap Updates menu link

: Tap Available updates

: Select the plugins to update

: Tap update plugins

: Plugin updated successfully

Update a theme

: In the Dashboard tap Updates menu link

: Tap Available updates

: Select theme to be updated

: Tap Update Themes

: Themes successfully updated

Edit the domain/path for an existing site

: From network dashboard, tap menu.

: Tap Sites, then tap All Sites

: Tap the URL or Edit link for the site you want to change

: Edit the domain/path fields and tap Save Changes

: Domain/path both updated

#ios, #multisite, #network-admin, #safari, #tablet, #web

Ryan Boren 5:45 pm on April 15, 2015
Tags: customize ( 18 ), customizer ( 14 ), mobile ( 12 ), tablet, widgets ( 2 )

Adding a widget via the customizer, iPad Air, landscape

4.2-beta4-32130, iOS 8.3, and Jetpack 3.4.1

: Start on the front page. Tap Dashboard icon.

: Tap Customize.

: Wait for Widgets to load.

: There it is. Tap Widgets.

: Tap Widget Area.

: Tap Add a Widget

: Focus is set on search field, which causes keyboard fly up. Tap to dismiss keyboard.

: Scroll down.

: Once you hit the bottom of the list, scrolling get wonky. Here I can scroll the widget area plus the preview all around.

: Sometimes scrolling gets stuck.

: If you keep scrolling, the widgets area vanishes and the preview keep scrolling.

: I missed a screenshot. After getting scroll reoriented I chose the Image Gallery widget provided by Jetpack and ended up here. Tap Choose Images.

: The media modal comes up. Tap Add to Gallery.

: Tap to select an image.

: Tap to select another.

: Another and then tap Add to gallery and then tap Insert gallery (not pictured). The transition from Add to Gallery to Insert Gallery was subtle since the only visible thing that changed was the button text. I thought my tap didn’t register so I tapped again, which inserted the gallery. I didn’t realize what happened until after the fact, which is why I missed grabbing a screenshot of the insert.

: This looks no different than when I started. I’m not sure this worked. I’ll go with it. Tap Save & Publish.

: Button is inactive and says Saved. Tap the back arrow.

: Tap X to dismiss.

: Progress indicator.

: Back on the front page. Tap the hamburger to view the sidebar.

: Swipe to scroll down.

: Uh oh. Jetpack throws notices instead of showing the gallery.

#customize, #customizer, #mobile, #tablet, #widgets

s: search
c: compose new post
r: reply
e: edit
t: go to top
j: go to the next post or comment
k: go to the previous post or comment
o: toggle comment visibility
esc: cancel edit post or comment