Cover image for Attach Screenshots on Test Failure - WebdriverIO

Attach Screenshots on Test Failure - WebdriverIO

automationbro profile image Automation Bro ・1 min read

Wouldn't it be nice to know the exact state of the application you are testing whenever a test failed to help debug your tests?
Well, with WebdriverIO, you can easily take screenshots of the application on test failure and can attach it with your reporter.

Let's take a look at how we can do that with Allure reporter -


Need to have Allure reporting setup already with your tests. You can watch this video to see how to do that.


You'll need to edit the afterTest hook in the wdio.conf.js file

afterTest: function (
    { error, result, duration, passed, retries }
  ) {
    // take a screenshot anytime a test fails and throws an error
    if (error) {

Now just run your tests normally and when a test will fail you'll see an attachment in your Allure report 🙌 -

Alt Text

Check out this video to see a detailed explanation on how to attach screenshots on test failure:

To learn more about WebdriverIO, check out my free tutorial series here -


I hope this post helped you out, let me know in the comments below!

Happy testing! 😄


Follow @automationbro on Twitter
Subscribe to my YouTube channel

Posted on by:

automationbro profile

Automation Bro


I enjoy discussing topics related to Test Automation | Quality Assurance | Web Dev. Check out my Youtube channel @AutomationBro.


markdown guide