QA/Photon Preferences Visual Refresh

From MozillaWiki
< QA
Jump to: navigation, search

Approvals Required / Received

The following individuals are required to/have approved this Test Plan:

Name Title Department Approval Date Method
Lawrence Mandel/Ryan VanderMeulen QA Reviewer Product Integrity Date Email
Tim Chien Software Engineer Engineering Date Email
Marco Mucci EPM Product Management Date Email

Revision History

This section describes the modifications that have been made to this wiki page. A new row has been completed each time the content of this document is updated (small corrections for typographical errors do not need to be recorded). The description of the modification contains the differences from the prior version, in terms of what sections were updated and to what extent.

Date Version Author Description
08/10/2017 1.0 Hani Yacoub Created first draft

Overview

Purpose

The purpose of this feature is to redesign all UI components on the Preferences page (about:preferences) to Photon style.

Scope

The scope of testing will be covering the UI components on the Preferences page (Navigation menu, Search in preferences, Content area - General, Content area - search, Content area - Privacy & Security, Content area - Firefox account) implementation according to specifications.

Ownership

Development Team:
Product Manager: Francis Lee
Engineer: Evan Tseng (irc: evanxd)
Engineer: Ricky Chien (irc: rickychien)

Engineering Team - Nightly Testing:
Rares Bologa (irc: RaresB) - PM for QA team
Brindusa Tot (irc: brindusat) - leading QA efforts
Hani Yacoub (irc: hani) - QA

Release QA Team - Beta Testing:
Camelia Badau (irc: cbadau) - QA
Bogdan Maris (irc: bogdan_maris) - QA


Testing summary

Scope of Testing

In Scope

In the scope of current testing are following areas:

  • Font family, color (*it will be verified by a designer's UI review)
  • Background color (*it will be verified by a designer's UI review)
  • Web components: checkbox, radio button, input field, button, dropdown menu (*it will be verified by a designer's UI review)
  • Update and add icons/images from:
    • menu
    • firefox account
    • add content and images on sub-pages in Preferences
  • Search function
    • Remove search result icon
  • Check element alignment visually
  • RWD

Out Of Scope

We are not testing the functionality of the preferences page.

Requirements for testing

Environments

Full testing will be performed on the following OSes:

  • Windows 10 x64
  • Windows 7 x86
  • Mac OS X 10.12
  • Ubuntu 16.04

Channel dependent settings (configs) and environment setups

Nightly

text

Beta

text

Post Beta / Release

text

Test Strategy

Risk Assessment and Coverage

ID Description / Threat Description Covered by Test Objective Magnitude Probability Priority Impact Score
RAC-1 Preferences page behavior TO-1 3-High 2-Possible 3-High 18
RAC-2 UI components of the navigation bar could not match the spec TO-2 2-Moderate 2-Possible 3-High 12
RAC-3 UI components of the search section could not match the spec TO-3 2-Moderate 2-Possible 3-High 12
RAC-4 UI components of the content area could not match the spec TO-3 2-Moderate 2-Possible 3-High 12

Values:

  • Magnitude: 1- Low , 2-Moderate, 3-High
  • Probability: 1-Unlikely, 2-Possible, 3-Almost Certain
  • Priority: 1 - Low, 2-Medium, 3-High

Impact Score Breakdown:

  • An impact value of 1, 2, 3, 4 would describe an area which although should be covered there aren't expected any discoveries of critical issues.
  • An impact value of 6, 8, 9, 12 would describe an area in which we expect to find issues but those issues are not expected to be critical.
  • An impact value of 18 or 27 would describe an area on which it is likely to find issues and those issues to be critical or blockers.

Test Objectives

This section details the progression test objectives that will be covered. Please note that this is at a high level. For large projects, a suite of test cases would be created which would reference directly back to this master. This could be documented in bullet form or in a table similar to the one below.

Ref Function Test Objective Test Type RAC Owners
1 Navigation UI components of the navigation bar are correctly displayed according to the spec Manual RAC-1, RAC-2 Eng Team
2 Search in Preferences UI components of the Search in Preferences are correctly displayed according to the spec Manual RAC-1, RAC-3, RAC-4 Eng Team
3 Content Area UI components of the Content Area are correctly displayed according to the spec Manual RAC-1, RAC-4 Eng Team
4 Accessibility Testing for accessibility includes:

- testing using high Contract themes
- Screen Reader validation
- Keyboard-only

Manual RAC-1, RAC-2, RAC-3, RAC-4 Eng Team

Builds

This section should contain links for builds with the feature -

  • Links for Nightly builds - link
  • Links for Beta builds - link

Test Execution Schedule

The following table identifies the anticipated testing period available for test execution.

Project phase Start Date End Date
Start project 08/10/2017
Study documentation/specs received from developers 08/10/2017 08/14/2017
QA - Test plan creation 08/10/2017 08/21/2017
QA - Test cases/Env preparation 08/14/2017
QA - Nightly Testing
QA - Beta Testing
Release Date

Testing Tools

Detail the tools to be used for testing, for example see the following table:

Process Tool
Test plan creation Mozilla wiki
Test case creation Test Suite
Test case execution TestRail
Bugs management Bugzilla

Status

Overview

Track the dates and build number where feature was released to Nightly
Track the dates and build number where feature was merged to Release/Beta

References

  • Meta bug 1357306 - [meta] Preferences visual refresh
  • List and links for specs
 - Preferences Visual Refresh

Testcases

Test Areas

Test Areas Covered Details Reviewed by
Private Window Yes
Multi-Process Enabled No
Multi-process Disabled No should just check that works withour errors
Theme (high contrast) Yes
UI
Mouse-only operation Yes
Keyboard-only operation Yes
Display (HiDPI) Yes
Interaction (scroll, zoom) Yes
Usable with a screen reader Yes e.g. with NVDA
Usability and/or discoverability testing Yes Is this feature user friendly
RTL build testing Yes
Help/Support
Help/support interface required No Make sure link to support/help page exist and is easy reachable.
Support documents planned(written) No Make sure support documents are written and are correct.
Install/Upgrade
Feature upgrades/downgrades data as expected No
Does sync work across upgrades No
Requires install testing No separate feature/application installation needed (not only Firefox)
Affects first-run or onboarding No Florin/Lawrence are investigating if there is a dedicated QA for this, or we should test? Should be an yes/no and if is yes should add in detail column the team/person assigned.
Does this affect partner builds? Partner build testing No yes/no options, add comment with details about who will lead testing
Enterprise Raise up the topic to developers to see if they are expecting to work different on ESR builds
Enterprise administration No
Network proxies/autoconfig No
ESR behavior changes No
Locked preferences No
Data Monitoring
Temporary or permanent telemetry monitoring No List of error conditions to monitor
Telemetry correctness testing No
Server integration testing No
Offline and server failure testing No
Load testing No
Add-ons If add-ons are available for testing feature, or is current feature will affect some add-ons, then API testing should be done for the add-on.
Addon API required? No
Comprehensive API testing No
Permissions No
Testing with existing/popular addons No
Security Security is in charge of Matt Wobensmith. We should contact his team to see if security testing is necessary for current feature.
3rd-party security review No
Privilege escalation testing No
Fuzzing Mo
Web Compatibility depends on the feature
Testing against target sites No
Survey of many sites for compatibility No
Interoperability depends on the feature
Common protocol/data format with other software: specification available. Interop testing with other common clients or servers. No
Coordinated testing/interop across the Firefoxes: Desktop, Android, iOS No
Interaction of this feature with other browser features No

Test suite

Full Test suite - Link to test rail - tascases should be added under Firefox Desktop project link
Smoke Test suite - Link with the tests - if available/needed.
Regression Test suite - Link with the tests - if available/needed.

Bug Work

Meta bug: 1357306 - [meta Preferences visual refresh]

Bug fix verification
Full Query
ID Priority Component Assigned to Summary Status Resolution Target milestone
1013701 -- Settings UI in-content preferences privacy pane, custom settings: inconsistent spacing between checkboxes RESOLVED DUPLICATE ---
1149093 P5 Settings UI Search preferences: add an explanation for "advanced features" NEW ---
1361952 P1 Settings UI Ricky Chien [:rickychien] (inactive) Update Firefox Account to match the spec VERIFIED FIXED Firefox 57
1361954 P1 Settings UI Ricky Chien [:rickychien] (inactive) Have an illustration when there are no search results VERIFIED FIXED Firefox 57
1361957 P1 Settings UI Ricky Chien [:rickychien] (inactive) Update new icons to match Photon spec VERIFIED FIXED Firefox 57
1377021 P3 Settings UI Update UI components to align the visual spec. RESOLVED INVALID Firefox 57
1377167 P1 Settings UI Evan Tseng [:evanxd] Update font & size & color & background color to match the Photon preferences spec VERIFIED FIXED Firefox 57
1377174 P1 Settings UI Ricky Chien [:rickychien] (inactive) Tweak margin to match the spec VERIFIED FIXED Firefox 57
1377330 P3 Settings UI Update sub-dialogs to match spec. RESOLVED INVALID Firefox 57
1380585 P2 Settings UI Jared Wein [:jaws] (please needinfo? me) Come out with an approach to pref on/off the Photon visual refresh RESOLVED FIXED Firefox 56
1382135 P1 Settings UI Evan Tseng [:evanxd] Remove all colon signs on sub-dialogs. VERIFIED FIXED Firefox 57
1382513 P2 Settings UI Enable MOZ_PHOTON_PREFERENCES flag by default RESOLVED WONTFIX ---
1382514 P1 Settings UI Ricky Chien [:rickychien] (inactive) Remove MOZ_PHOTON_PREFERENCES build flag which introduces in bug 1380585 RESOLVED FIXED Firefox 57
1382705 P1 Settings UI Ricky Chien [:rickychien] (inactive) Pref off MOZ_PHOTON_PREFERENCES for Fx56 RESOLVED WONTFIX Firefox 57
1386160 P1 Settings UI Evan Tseng [:evanxd] Update about:preferences separator according to Photon visual spec VERIFIED FIXED Firefox 57
1386514 P1 Settings UI Evan Tseng [:evanxd] Support RWD for about:preferences to match Photon visual spec VERIFIED FIXED Firefox 57
1386536 P1 Settings UI Evan Tseng [:evanxd] Remove the divider of "Search Results" header RESOLVED DUPLICATE Firefox 57
1388348 P1 Settings UI Evan Tseng [:evanxd] "Find in Preferences" placeholder is truncated in French after visual refresh VERIFIED FIXED Firefox 57
1388444 P1 Settings UI Ricky Chien [:rickychien] (inactive) Left hand side tabs are not keyboard accessible. VERIFIED FIXED Firefox 57
1388796 P1 Settings UI Ricky Chien [:rickychien] (inactive) Remove unexpected horizontal scrollbar and polish element alignment VERIFIED FIXED Firefox 57
1388984 -- Toolbars and Customization Ricky Chien [:rickychien] (inactive) The gray line between toolbar and preferences page should be removed to match Photon visual spec. RESOLVED INVALID Firefox 57
1388997 P1 Settings UI Evan Tseng [:evanxd] Add hover effects for menu items on preference page. VERIFIED FIXED Firefox 57
1389002 P1 Settings UI Evan Tseng [:evanxd] Update background color of preferences page to match updated Photon visual spec. VERIFIED FIXED Firefox 57
1391517 P1 Settings UI Ricky Chien [:rickychien] (inactive) Fix missing Firefox Account profile avatar & shrink sync settings checkbox width VERIFIED FIXED Firefox 57
1391646 P1 Settings UI Ricky Chien [:rickychien] (inactive) Remove remaining round corners in preferences search bar VERIFIED FIXED Firefox 57
1392153 P1 Settings UI Ricky Chien [:rickychien] (inactive) Add margin between fxa name & email and manage account shouldn't open new window VERIFIED FIXED Firefox 57
1392517 P1 Settings UI Ricky Chien [:rickychien] (inactive) Add 2nd header to about:preferences#sync and update button string VERIFIED FIXED Firefox 57
1392532 P1 Settings UI Ricky Chien [:rickychien] (inactive) The font size on Linux is too huge, compared to Mac and Windows. RESOLVED FIXED Firefox 57
1392534 -- Settings UI Category name font-size should match the spec RESOLVED INVALID ---
1392544 -- Settings UI Category name text-box should match the spec. RESOLVED INVALID ---
1392584 P1 Settings UI Ricky Chien [:rickychien] (inactive) The hover state of the search field should match the spec RESOLVED INVALID Firefox 57
1392588 -- Settings UI Search icon is still displayed in the search field when typing RESOLVED INVALID ---
1392601 -- Settings UI "Find in Preferences" placeholder is truncated in French after visual refresh on Ubuntu RESOLVED DUPLICATE ---
1393070 -- Settings UI Search field alignment should match the spec RESOLVED DUPLICATE Firefox 57
1393354 P1 Settings UI Evan Tseng [:evanxd] Pressed link text color should match the spec VERIFIED FIXED Firefox 57
1393370 -- Settings UI RWD with W1024 should match the spec RESOLVED DUPLICATE ---
1393373 -- Settings UI RWD with W960 should match the spec RESOLVED DUPLICATE ---
1393385 P1 Settings UI Ricky Chien [:rickychien] (inactive) Update about:preferences category menu to match the spec VERIFIED FIXED Firefox 57
1393409 -- Settings UI RWD with W820 should match the spec RESOLVED DUPLICATE ---
1393413 -- Settings UI RWD with W600 should match the spec RESOLVED INVALID ---
1393415 P3 Settings UI Ricky Chien [:rickychien] (inactive) Help icon isn't displayed with high contrast VERIFIED FIXED Firefox 58
1393417 P3 Settings UI Ricky Chien [:rickychien] (inactive) Android and iOS icons aren't displayed with high contrast themes VERIFIED FIXED Firefox 58
1393446 -- Settings UI "Make Default" button is not aligned with the rest of the buttons RESOLVED DUPLICATE ---
1394426 -- Settings UI Category names aren't displayed on the navigation bar when changing the Width to 830 RESOLVED INVALID ---
1394652 P1 Settings UI Ricky Chien [:rickychien] (inactive) All Preferences components should be round corners VERIFIED FIXED Firefox 57
1396599 -- Settings UI The scrollbar appear on different width size comparing Windows and Mac OS RESOLVED INVALID ---
1397121 P1 Settings UI Ricky Chien [:rickychien] (inactive) Some of About: pages subdialog's and submenu's font size are too huge VERIFIED FIXED Firefox 57
1398050 P1 Settings UI Evan Tseng [:evanxd] Update Photon Preferences according to visual review suggestion RESOLVED FIXED Firefox 57
1399075 P1 Settings UI Ricky Chien [:rickychien] (inactive) Colon sign is displayed in "about:preferences#general" page in "Color" sub-dialog VERIFIED FIXED Firefox 57
1399128 -- Settings UI Drop downs in "about:preferences" aren't correctly displayed on Mac OS X RESOLVED INVALID ---
1399363 -- Settings UI On high contrast themes opening a pop-up hides all page content RESOLVED WONTFIX ---
1399699 P1 Settings UI Ricky Chien [:rickychien] (inactive) Remove redundant colon signs in cookies.dtd, siteDataSettings.dtd, translation.dtd RESOLVED FIXED Firefox 57
1399786 -- Settings UI "Nightly support" link hover state doesn't match the spec after dragging the link RESOLVED DUPLICATE ---
1400177 -- Settings UI Drop downs on "About:preferences" pages aren't displayed when changing the page width to under 600 RESOLVED WONTFIX ---
1401439 P1 Settings UI Ricky Chien [:rickychien] (inactive) Preferences history menuitem is too tall when arrow indicator is showing RESOLVED DUPLICATE Firefox 57
1404318 P3 Settings UI Ricky Chien [:rickychien] (inactive) Colon sign is displayed in "about:preferences#privacy" page in Clear history sub-dialog VERIFIED FIXED Firefox 58
1404665 P3 Settings UI Ricky Chien [:rickychien] (inactive) Long font names with similar start in Preferences are indistinguishable VERIFIED FIXED Firefox 58
1409640 P3 Settings UI Evan Tseng [:evanxd] [Linux] Dropdown arrow for Applications is barely visible VERIFIED FIXED Firefox 58
1409662 P5 Settings UI Entries from Fonts menu do a refresh every time the menu is opened NEW ---
1409696 P5 Settings UI Line that marks the end of output field from Certificate Manager is missing NEW ---
1409710 P5 Settings UI Misalignment of buttons from Firefox Accounts page NEW ---

61 Total; 4 Open (6.56%); 30 Resolved (49.18%); 27 Verified (44.26%);

Sign off

Criteria

Check list

  • All test cases should be executed
  • Has sufficient automated test coverage (as measured by code coverage tools) - coordinate with RelMan
  • All blockers, criticals must be fixed and verified or have an agreed-upon timeline for being fixed (as determined by engineering/RelMan/QA)

Results

Nightly testing

List of OSes that will be covered by testing

  • Link for the tests run
    • Full Test suite, link to TestRail - Tests Runs and Results link
    • Daily Smoke, lif needed/available
    • Regression Test suite, if needed/available

Pre-Release Sign-Off ()

List of OSes that will be covered by testing

    • Windows 7 x64
    • Windows 10 x86
    • macOS 10.12
    • Ubuntu 16.04 x64
  • Link for the tests run
    • Full Test suite - Tests Runs and Results link


Checklist

Exit Criteria Status Notes/Details
Testing Prerequisites (specs, use cases) [DONE]
Testing Infrastructure setup [DONE]
Test Plan Creation [DONE]
Test Cases Creation
Automation Coverage
Performance Testing
All Defects Logged
Critical/Blockers Fixed and Verified
Metrics/Telemetry
Basic/Core functionality Nightly testing
QA mid-Nightly Signoff
QA Nightly - Full Testing
QA pre-Beta Signoff
QA Beta - Full Testing
QA pre-Release Signoff