QA/Fennec/Update reader mode controls

Feature Reference

Ownership

Developer contact: Margaret Leibovic

QA contact: Teodora Vermesan, irc: TeoVermesan

Status

Nightly: [ON TRACK]

Aurora: [ON TRACK]

Beta: NA

Tracking Bugs

• - Update Reader mode controls on Mobile

Summary

Implementation

Add back "Add to Reading List" link context menu item
Replace font size controls with +/- buttons 
Use "serif" and "sans-serif" in reader mode controls to match desktop-
Replace share icon with Shareplane to match Desktop 
Hovering font style popup controls shows a text cursor

Testing Details

02-03-2015

Reader view controls

Reader View controls - phone

Reader View controls - tablet

Size controls

Largest font

Smallest font

05-03-2015

Phone

Portrait

Landscape

Tablet

Portrait

Landscape

09-03-2015

• Exploratory testing on Nightly and Aurora on Gingerbread: HTC Desire HD (Android 2.3.5)

18-03-2015

• Exploratory testing on Nightly using: Alcatel One Touch (Android 4.1.2) and Samsung Galaxy Tab (Android 4.0.4)

19-03-2015

Size controls

Smallest font

Largest font

Font controls

Sans-serif

Serif

Themes

dark theme

light theme

23-03-2015

• Exploratory testing on Nightly using Alcatel One Touch (Android 4.1.2) and Samsung Galaxy Tab 2 (Android 4.2.2)

Bugzilla

• Reader mode controls (query with status, no, )

ex:

Full Query

ID	Summary	Priority	Status
1103232	[meta] Improve "Add to reading list/mode" UX	--	RESOLVED
1124768	Replace share icon with Shareplane to match Desktop	--	RESOLVED
1132054	[META] Fennec 38 (for campaign tracking)	--	RESOLVED
1134441	Replace font size controls with +/- buttons	--	VERIFIED
1135234	Use "serif" and "sans-serif" in reader mode controls to match desktop	--	VERIFIED
1136231	Unify Reader View type options to be Sans-Serif on Left, Serif on Right	--	VERIFIED
1136245	Hovering font style popup controls shows a text cursor	--	RESOLVED

7 Total; 0 Open (0%); 4 Resolved (57.14%); 3 Verified (42.86%);

Testing scenarios

Moztrap Test Cases

• - Bottom divider in Reading List
• - Show excerpts in about:home's Reading List panel
• - Update reading list banner icon for dup pages in reader mode on longpress
• - Change font
• - Text size preferences
• - Exit reader mode
• - Reader view controls
• - Update reading list icon in Menu and Toolbar
• - Reader Mode toolbar scrolls in and out

Types of testing

Testing based on recent bugs and regressions

• Test how background text appears in light and dark theme
• Test that reader Mode toolbar scrolls in and out instead of fading
• Open a page from reading list panel
• Double tap the +/- button
• Tap between the "Aa" and the "+" and "-" button

Testing focused on basic functionality and exploratory testing

• Open a page added to reading list in normal browsing in a new tab
• Open a page added to reading list in normal browsing in a private tab
• Share a page from reader mode toolbar
• Remove a page from the reader mode toolbar
• Add a page to reading list from the reader mode toolbar
• Change the background theme: Dark, Auto, Light
• Change the font
• Tap the +/- button to change the size
• Double tap the +/- button
• Set the minimal text size
• Set the maximal text size
• Perform all action both portrait and landscape
• Dismiss the reader mode toolbar
• Perform different scrolls on articles
• Invoke action bar for the text present in the background
• Add to PDF pages from reading list
• Add a few articles to reading list
• Enter and exit reader mode by tapping the back button
• Enter and exit reader mode by tapping the orange reader mode icon from URL Bar
• Open the same page added to reading list in 2 new tabs
• Change text size and refresh the page
• Change text font and refresh the page

Bug work

Still Issues

[NEW] Bug 1142528 - Tappable area is larger than the +/- buttons, overlaping "Aa" button.
[NEW] Bug 1145567 - When opening a page from Reader Mode panel, a grey bar is displayed before the reader mode toolbar.

Bug fixed

[RESOLVED FIXED] Bug 998031 - Reader Mode toolbar should scroll in and out instead of fading

↳ 2015-03-19: verified fixed on Nightly 39.0a1 (2013-03-19) using Nexus 4 (Android 4.4); left the bug resolved fixed due to Bug 1145567

[VERIFIED FIXED] Bug 1134441 - Replace font size controls with +/- buttons

↳ 2015-02-27: verified fixed on Nightly 39.0a1 (2013-02-27) using Alcatel One Touch(Android 4.1.2);

↳ 2015-03-19: verified fixed on Nightly 39.0a1 and Aurora 38.0a2 (2013-03-19) using Nexus 4 (Android 4.4);

[VERIFIED FIXED] Bug 1135234 - Use "serif" and "sans-serif" in reader mode controls to match desktop

↳ 2015-02-22: verified fixed on Nightly 39.0a1 (2013-02-22) using Nexus 4 (Android 4.4);

[VERIFIED FIXED] Bug 1136231 - Unify Reader View type options to be Sans-Serif on Left, Serif on Right.

↳ 2015-03-01: verified fixed on Nightly 39.0a1 (2013-03-01) using Alcatel One Touch (Android 4.1.2); left the bug resolved fixed since aurora it is also affected

↳ 2015-03-06: verified fixed on Aurora 38.0a2 (2013-03-06) using Alcatel One Touch (Android 4.1.2); close the bug as verified fixed

[VERIFIED FIXED] Bug 1141317 - Link text is too dark in reader view dark theme

↳ 2015-03-12: verified fixed on Nightly 39.0a1 (2013-03-12) using Nexus 4 (Android 4.4); left the bug resolved fixed since aurora it is also affected

↳ 2015-03-19: verified fixed on Aurora 38.0a2 (2013-03-19) using Nexus 4 (Android 4.4); close the bug as verified fixed

To do

• Testing on low memory devices
• See how different sites look in reader mode