Testing as an Engineering Role

A presentation at Sibiu UX Meetup in July 2019 in Sibiu, Romania by Ioana Chiorean

Slide 1

Slide 1

Testing , testing, 1, 2, 3 ..

Slide 2

Slide 2

Who is L̶o̶a̶n̶a̶ Ioana Chiorean? I am a PM (former QA TL) & CL Mozillian for more than 9 years now I volunteer - Mozilla & EU Code Week. I worked on devices for more than 10y. Twitter @ioana_cis # lifeofamozillian 2

Slide 3

Slide 3

1,2,3 la perete stop.. ➔ Testing ◆ What is is ◆ Responsibilities ◆ Manual vs Automation ◆ Skills ◆ A day in #lifeofatester ➔ UX Testing ➔ UX @ Mozilla 3

Slide 4

Slide 4

I didn’t choose the thug life, the thug life chose me 😎

Slide 5

Slide 5

2 - 10 .. 2 - 10 .. ➔ Software testing is an investigation conducted to provide stakeholders with information about the quality of the software product or service under test. ➔ Is really about reducing risk and so much more ◆ ◆ ◆ ◆ ◆ ◆ Advocate of user - UX Software Engineer - coding Explorer Scientist - heuristics Writer / Documentarist Jack of all trades, master of ALL!*

  • not a bug, it is a feature 5

Slide 6

Slide 6

With great power comes… What are your responsibilities? ➔ ➔ ➔ ➔ ➔ ➔ ➔ ➔ Analyzing users stories and/use cases/requirements for validity and feasibility Collaborate closely with other team members and departments Execute all levels of testing (System, Integration, and Regression) Design and develop automation scripts when needed Detect and track software defects and inconsistencias Provide timely solutions Apply quality engineering principals throughout the Agile product lifecycle Provide support and documentation 6

Slide 7

Slide 7

~= SDLC STLC Requirements Gathering Test team reviews the requirements Design Test planning, analysis and design is done => Test Plan Development Finalize test plan and write test cases Testing Test execution, bug reporting, manual and automated; Regression Deployment Test report is prepared Maintenance Maintenance testing 7

Slide 8

Slide 8

Manual vs Automation

Slide 9

Slide 9

Manual vs Automation Manual ➔ ➔ ➔ ➔ ➔ Black/White/Gray Testing Functional & Non Functional testing ◆ Installation, Compatibility, Smoke and sanity, Regression, Acceptance, Alpha, Beta, Continuous, Destructive, Software performance, Usability, Accessibility, Security, Internationalization and localization, Development, A/B testing Exploratory Time - as major resource Human - important resource 9

Slide 10

Slide 10

Manual vs Automation Automation ➔ ➔ ➔ ➔ ➔ ➔ ➔ User stories coded and ran daily/weekly/per new buildy Can not cover undefine user stories Doesn’t get creative on its on Time - as major resource Storage & machines/devices Set of data Fail test -> ? 10

Slide 11

Slide 11

Slide 12

Slide 12

It’s possible to fly without motors, but not without knowledge and skill Wilbur Wright

Slide 13

Slide 13

What skills do you need for this role? ➔ ➔ ➔ ➔ ➔ ➔ ➔ ➔ ➔ ➔ Attention to details Analytical thinking Independence Proactivity Ownership Logical thinking Creative Continuous learning Efficient communication & so many other… 13

Slide 14

Slide 14

Challenges ➔ ➔ ➔ ➔ ➔ ➔ ➔ ➔ Define clear steps to reproduce for intermittent bugs Be creative enough to catch important bugs via exploratory testing Accommodate working with different timezone Not clear documentation / requirements Unstable environment Lack of feedback loop Testing under time constraints Working on several projects in the same time 14

Slide 15

Slide 15

A day in the life of a tester ➔ ➔ ➔ ➔ ➔ ➔ ➔ Coffee Mails, Sprint Meetings (planning, daily, review, retrospective) Testing ◆ Exploratory & Automated tests runs / Investigate failures ◆ Smokes, Sanity Checks, Sign Offs Features ◆ Discussion with product / devs to get info on existing user stories ◆ Component watch, Test Plan & Health Bug Activities ◆ Log issues, Triage, NI, Debugging, Meetings, meetings, meetings .. more coffee.. or beer.. or wine.. 15

Slide 16

Slide 16

Slide 17

Slide 17

Don’t be the sheep! Be the wolf fox! Photo credit.

Slide 18

Slide 18

http://webcompat.com/ w

Slide 19

Slide 19

UX Testing. Photo credit.

Slide 20

Slide 20

How .. ➔ ➔ ➔ ➔ ➔ ➔ ➔ Attention to details Hallway testing Remote usability testing Expert review Automated expert review A/B testing A11y? 20

Slide 21

Slide 21

A/B ➔ ➔ ➔ ➔ Offering share experience mostly with two (or more) skins ◆ Banners, actions, etc Useful mostly in marketing/sales but not only Looks for user retention/ interaction Analyse correctly ◆ Be sure u can define easily the difference in user data ◆ Bounded in time and one action 21

Slide 22

Slide 22

Alpha/Beta testing ➔ ➔ ➔ ➔ ➔ Set preview builds ex: Nightly/Firefox Preview Hallway testing - give the app to a random person Remote usability testing - give the app/site to people from different areas (geographical, expertise, domain) Expert review - make an audit Gather telemetry data/crashes etc 22

Slide 23

Slide 23

w

Slide 24

Slide 24

Let me be clear.. ➔ ➔ ➔ ➔ ➔ Do research ◆ Who is your user/ diverse user range Share the insights ◆ Kill the presumption that everyone knows Build up specs ◆ Draw, build, showcase Keep in touch ◆ Check progress Teach ◆ Share knowledge to others too 24

Slide 25

Slide 25

A11y

Slide 26

Slide 26

What? ➔ ➔ ➔ ➔ ➔ Vision Disability - Complete Blindness or Color Blindness or Poor Vision ; Visual problems like visual strobe and flashing effect problems Physical Disability - Not able to use the mouse or keyboard with one hand; Poor motor skills like hand movements and muscle slowness Cognitive disability - Learning Difficulties or Poor Memory or not able to understand more complex scenarios Literacy Disability - Reading Problems Hearing Disability - Auditory problems like deafness and hearing impairments; Cannot able to hear or not able to hear clearly 26

Slide 27

Slide 27

Why.. ➔ ➔ ➔ ➔ ➔ ➔ Define corectly A11y Regulations Users - data sets ◆ You do have them, trust me ◆ New ones No ROI No money, honey Doing favors vs doing your job 27

Slide 28

Slide 28

How ➔ ➔ ➔ ➔ ➔ ➔ Color Contrast Patterns & Colors Typography Animations Semantic - elements in order/a11y tree/ Page structure/ Menu nav & list Alt input - links, images, etc 28

Slide 29

Slide 29

Tools ➔ ➔ ➔ ➔ ➔ ➔ Close your eyes and try to navigate JAWS, Orca, Voice Over. Lighthouse Wave Tota11y My ex: ◆ 3 different OS + mobile => 4 ◆ 2 browsers + mobile => 3 ◆ Different Machines / Monitors 29

Slide 30

Slide 30

This should be a nice UX right? Firefox User Experience

Slide 31

Slide 31

https://design.firefox.com w

Slide 32

Slide 32

Values: w

Slide 33

Slide 33

https://design.firefox.com/values w

Slide 34

Slide 34

🐦 @ioana_cis ● ioana@mozilla.com ● http://bit.ly/Testing-SUXM Let’s fix the world one bug at a time!