🎉 Buy MoT Professional Membership, get MoTaCon free! 🎉

Viv Richards

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.

🎂 MoTaBirthday | March 12, 2017

Open To

Write

Speak

Podcasting

Teach

Work

After the pause: Rediscovering the feeling of belonging in tech image

After the pause: Rediscovering the feeling of belonging in tech

Understand how losing community, not losing skill, can drain your energy as a tester, and how small, curious reconnections matter more than big career moves.

16 Dec

Cosmic Conversation: What comes next when burnout changes your path? image

Cosmic Conversation: What comes next when burnout changes your path?

Reflect on how burnout affects belonging at work and in the community, and how people can find their way back without starting over.

19 Dec

Spot the Difference; Automating Visual Regression Testing - Viv Richards image

Spot the Difference; Automating Visual Regression Testing - Viv Richards

Join Viv Richards as he takes us on his journey of creating a visual regression testing tool

26 Sep

Glossary Terms (1)

Developer tools What is Developer Tools? 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. 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.  Accessing DevTools 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.  Key DevTools panels 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:  Elements panel: Displays the HTML structure of the page and allows real-time modifications. (Firefox: Inspector, Safari: Elements tab) Console panel: Logs messages, errors, and debugging information. (Same across Chrome, Firefox, and Safari)  Sources panel: Shows JavaScript files and allows setting breakpoints for debugging. (Firefox: debugger, Safari: Sources tab)  Network panel: Monitors HTTP requests, responses, and loaded resources. (Same across Chrome, Firefox, and Safari)  An example of how Chrome DevTools can help 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. 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. 

After the pause: Rediscovering the feeling of belonging in tech (500 char count so posting two messages - sorry!) To be honest, if it wasn't for COVID I don't think I would have slowed down - I didn't know I was burning out. Even now, I'm slowly getting back into things and saying yes but finding I'm still sometimes saying Yes to a few too many things but I'm aware of this now which is the difference. After the pause: Rediscovering the feeling of belonging in tech Thank you for reading and leaving a comment :-) I consider myself an introvert. I tend to be quiet in groups, especially around people I don't know. Even then, with people I do know I don't tend to speak unless there's a reason - I hate talking to just fill silence. That being said, I do speak up when I have a strong opinion on something or am asked something directly.

Investigating Tabbing Issues with Chrome DevTools AI Assistance (vivrichards.co.uk)

25 Jul 25

chrome-developer-tools

debugging

Investigating Tabbing Issues with Chrome DevTools AI Assistance (vivrichards.co.uk)

23 Jul 25

chrome-developer-tools

ai-assistance

Using AI Assistance in Chrome DevTools to Find Selectors – A Handy Assistant, Not a Replacement (vivrichards.co.uk)

18 Jul 25

ai-assistance

chrome-developer-tools

💡What's next? View ways to contribute

⭐️ Earn more stars ⭐️

Not registered for any upcoming events

Observatory Enabler

This badge is awarded to those tagged in their first Observatory link.

Badge Award

9 days ago

This badge is awarded to those that joined the MoTaverse in 2017.

Badge Award

10 days ago

MoT member visited your Observatory contribution

Member visited Using AI Assistance in Chrome DevTools to Find Selectors – A Handy Assistant, Not a Replacement

Community Star

16 days ago

MoT member visited your Observatory contribution

Member visited Using AI Assistance in Chrome DevTools to Find Selectors – A Handy Assistant, Not a Replacement

Community Star

21 days ago

Learner completed your lesson

Lesson 3 of A Software Tester’s Guide To Chrome Devtools

Community Star

29 days ago

Contributions (10)

Link (3) Session (2) Solution (2) Course (1) Glossary Term (1) Insight (1)

💡What's next? View ways to contribute