Activity

QA consultant
Not the cricketer! I am the Lead QA consultant at Rubber Duck Consulting, an International speaker, conference organiser and facilitator. In my spare time I enjoy teaching children to code as a CodeClub volunteer as well as spending time with my wife and 5 children.
<a href="" rel="noopener nofollow">Lesson 1 of A Software Tester’s Guide To Chrome Devtools</a> image
Lesson 1 of A Software Tester’s Guide To Chrome Devtools
<div>Thanks for taking the time to record today.</div> image
Thanks for taking the time to record today.
<a href="" rel="noopener nofollow">Lesson 6 of A Software Tester’s Guide To Chrome Devtools</a> image
Lesson 6 of A Software Tester’s Guide To Chrome Devtools
<a href="" rel="noopener nofollow">Lesson 7 of A Software Tester’s Guide To Chrome Devtools</a> image
Lesson 7 of A Software Tester’s Guide To Chrome Devtools
<a href="" rel="noopener nofollow">Lesson 5 of A Software Tester’s Guide To Chrome Devtools</a> image
Lesson 5 of A Software Tester’s Guide To Chrome Devtools
<a href="" rel="noopener nofollow">Lesson 4 of A Software Tester’s Guide To Chrome Devtools</a> image
Lesson 4 of A Software Tester’s Guide To Chrome Devtools
<a href="" rel="noopener nofollow">Lesson 3 of A Software Tester’s Guide To Chrome Devtools</a> image
Lesson 3 of A Software Tester’s Guide To Chrome Devtools
<a href="" rel="noopener nofollow">Lesson 2 of A Software Tester’s Guide To Chrome Devtools</a> image
Lesson 2 of A Software Tester’s Guide To Chrome Devtools
<a href="" rel="noopener nofollow">Lesson 1 of A Software Tester’s Guide To Chrome Devtools</a> image
Lesson 1 of A Software Tester’s Guide To Chrome Devtools
Viv Richards
Viv Richards
is Open to Work
Viv Richards
Viv Richards
is Open to Teach
Viv Richards
Viv Richards
is Open to Podcasting
Viv Richards
Viv Richards
is Open to Speak
Viv Richards
Viv Richards
achieved:
This badge is awarded to members who indicate they are open to work, writing, teaching, speaking, mentoring, CV reviewing or internships. image
This badge is awarded to members who indicate they are open to work, writing, teaching, speaking, mentoring, CV reviewing or internships.
Viv Richards
Viv Richards
is Open to Write
<a href="" rel="noopener nofollow">Lesson 4 of A Software Tester’s Guide To Chrome Devtools</a> image
Lesson 4 of A Software Tester’s Guide To Chrome Devtools
Viv Richards
Viv Richards
achieved:
This badge is awarded to members who complete the A beginner's guide to mobile testing course. image
This badge is awarded to members who complete the A beginner's guide to mobile testing course.
Viv Richards
Viv Richards
achieved:
This badge is awarded to members who complete the Introduction to software development and testing course. image
This badge is awarded to members who complete the Introduction to software development and testing course.
Viv Richards
Viv Richards
achieved:
This badge is awarded to members who create on-demand courses image
This badge is awarded to members who create on-demand courses
Viv Richards
Viv Richards
achieved:
This badge is awarded to members who create their first collection, organising learning content for themselves or others. image
This badge is awarded to members who create their first collection, organising learning content for themselves or others.
Viv Richards
Viv Richards
achieved:
This badge is awarded to members who update their profile with a new photo. image
This badge is awarded to members who update their profile with a new photo.
Viv Richards
Viv Richards
achieved:
This badge is awarded to members who visit the Ministry of Testing site 404 times image
This badge is awarded to members who visit the Ministry of Testing site 404 times
Viv Richards
Viv Richards
achieved:
This badge is awarded to members who visit the Ministry of Testing site 99 times image
This badge is awarded to members who visit the Ministry of Testing site 99 times
Viv Richards
Viv Richards
achieved:
This badge is awarded to members who update their social links on their profile. image
This badge is awarded to members who update their social links on their profile.
Viv Richards
Viv Richards
achieved:
This badge is awarded to members who Log in to MoT five days in a row. image
This badge is awarded to members who Log in to MoT five days in a row.
<a href="https://www.ministryoftesting.com/satellites/investigating-tabbing-issues-with-chrome-devtools-ai-assistance-acc96f9a-8816-42f2-a81a-6f26dd1c90e2" rel="noopener nofollow">Investigating Tabbing Issues with Chrome DevTools AI Assistance</a> image
Investigating Tabbing Issues with Chrome DevTools AI Assistance
<div>Thanks for <a href="https://vivrichards.co.uk/devtools/devtools-ai-assistance-find-selectors-a-handy-assistant-not-replacement" rel="noopener nofollow">amplifying The Club</a> in your recent blog post.</div> image
Thanks for amplifying The Club in your recent blog post.
<a href="https://www.ministryoftesting.com/courses/a-software-tester-s-guide-to-chrome-devtools" rel="noopener nofollow">A Software Tester’s Guide To Chrome Devtools</a> image
A Software Tester’s Guide To Chrome Devtools
<a href="https://www.ministryoftesting.com/testbash-sessions/spot-the-difference-automating-visual-regression-testing-viv-richards" rel="noopener nofollow">Spot the Difference; Automating Visual Regression Testing - Viv Richards</a> image
Spot the Difference; Automating Visual Regression Testing - Viv Richards
<a href="https://www.ministryoftesting.com/software-testing-glossary/developer-tools" rel="noopener nofollow">Developer tools</a> image
Developer tools
Viv Richards
Viv Richards
achieved:
This badge is awarded to members who contribute a new term or an alternative definition to the software testing glossary. image
This badge is awarded to members who contribute a new term or an alternative definition to the software testing glossary.
Viv Richards
Viv Richards
contributed:
<h3>What is Developer Tools?<strong> </strong>
</h3><div>Developer Tools (DevTools) is a set of web developer tools, which are built within the web browser. Despite its name, DevTools isn’t just a tool for developers. DevTools contains many features that can greatly assist in the day-to-day testing of web applications. <br><br>DevTools can help you edit pages on the fly, run audits on your web applications, test client-side validation and diagnose problems quickly, which ultimately can help you build better websites, faster. <br><br>
</div><h3><strong>Accessing DevTools </strong></h3><div>DevTools are available in different web browsers, and they can be accessed in multiple ways. Since shortcuts and methods may vary across browsers and devices, it’s best to search for "how to open DevTools" in your specific browser to find the most up-to-date instructions. <br><br>
</div><h3><strong>Key DevTools panels </strong></h3><div>DevTools consists of multiple panels that provide different functionalities across browsers. The following panels are available in Chrome DevTools and have equivalents in Firefox and Safari, though some may have different names or be organised differently: </div><ul>
<li>
<strong>Elements panel: </strong>Displays the HTML structure of the page and allows real-time modifications. (Firefox: Inspector, Safari: Elements tab)</li>
<li>
<strong>Console panel: </strong>Logs messages, errors, and debugging information. (Same across Chrome, Firefox, and Safari) </li>
<li>
<strong>Sources panel:</strong> Shows JavaScript files and allows setting breakpoints for debugging. (Firefox: debugger, Safari: Sources tab) </li>
<li>
<strong>Network panel:</strong> Monitors HTTP requests, responses, and loaded resources. (Same across Chrome, Firefox, and Safari) </li>
</ul><div><br></div><h3><strong>An example of how Chrome DevTools can help </strong></h3><div>One way DevTools can assist is by debugging issues within a web application. For example, suppose a user adds an item to their shopping basket and selects standard shipping. The expected total should include the item price and the shipping cost. However, instead of displaying the correct sum, the total shows an unexpected value. <br><br>By using DevTools, testers can inspect what happens when the shipping option is selected. They might start by checking the JavaScript function handling the calculation, then navigate to the Sources panel to review the script and set a breakpoint. When selecting the shipping option again, DevTools pauses execution at the designated line, allowing testers to inspect the subtotal and shipping cost values. By identifying the problem in the Console panel and adjusting the operation, testers can confirm the correct calculation. </div> image
Definitions of Developer tools
Viv Richards
Viv Richards
achieved:
This badge is awarded to a member who has spoken at a TestBash conference. image
This badge is awarded to a member who has spoken at a TestBash conference.
Viv Richards
Viv Richards
achieved:
This badge is awarded to those who donate to the MoT Scholarship Fund image
This badge is awarded to those who donate to the MoT Scholarship Fund
Viv Richards
Viv Richards
achieved:
This badge is awarded to members who have attended a TestBash event. image
This badge is awarded to members who have attended a TestBash event.
Viv Richards
Viv Richards
registered for:
Grow your testing skills at TestBash Spring, a Ministry of Testing software testing conference happening on the 23rd of March 2023. image
Grow your testing skills at TestBash Spring, a Ministry of Testing software testing conference happening on the 23rd of March 2023.
Viv Richards
Viv Richards
contributed:
Viv Richards solves the UI challenge from Test.bash(); 2022 using DevTools. image
Viv Richards solves the UI challenge from Test.bash(); 2022 using DevTools.
Viv Richards
Viv Richards
contributed:
Watch Beth Marshall & Viv Richards' Experience Report on Web API Automation from Test.bash('Online'): 2020 image
Watch Beth Marshall & Viv Richards' Experience Report on Web API Automation from Test.bash('Online'): 2020
Viv Richards
Viv Richards
registered for:
Our automation and technically testing focused TestBash image
Our automation and technically testing focused TestBash
Viv Richards
Viv Richards
achieved:
This badge is awarded to members who have read 10 articles while logged in. image
This badge is awarded to members who have read 10 articles while logged in.
Viv Richards
Viv Richards
contributed:
Learn how to dig deeper into the Web with the use of Devtools  image
Learn how to dig deeper into the Web with the use of Devtools
Viv Richards
Viv Richards
registered for:
Viv Richards
Viv Richards
achieved:
This badge is awarded to members who have updated their profile. image
This badge is awarded to members who have updated their profile.
Viv Richards
Viv Richards
achieved:
This badge is awarded to members who have signed up as a Club member. image
This badge is awarded to members who have signed up as a Club member.
Viv Richards
Viv Richards
contributed:
Join Viv Richards as he takes us on his journey of creating a visual regression testing tool image
Join Viv Richards as he takes us on his journey of creating a visual regression testing tool
Subscribe to our newsletter
We'll keep you up to date on all the testing trends.