Include an image in the UUT report

There are two ways of including an image in a UUT report:

1. Use the attach file step (WATS_AttachFile).
This will allow you to attach a file to a step, and the file will be presented as a downloadble link. For more information see: https://virinco.zendesk.com/hc/en-us/articles/207424583-Attach-file-to-WATS-WATS-AttachFile- 

2. Include the image data in the Report text property of the step.
This method enables viewing the image directly within the report by utilizing the HTML support of the step Report text property. As Report text only accepts strings, the image must be converted to a base 64 (b64) string. There are several tools, both online and offline, which can convert an image file to a b64 string.

In the Report text property add the following HTML code:

 <img src="">

Then paste the b64 string within the quotes. The following is an example of what the string could look like. 

data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAzMTAgMzEwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMTAgMzEwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojNDI0MjQyO30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNzkuMyw4Mi4yYzUuMi0xMi41LDE3LjEtMjAuMiwyOS44LTIwLjZjNC43LTAuMiw5LjQsMC43LDE0LDIuNmMxNiw2LjcsMTkuMywyMy4xLDIyLjMsNDUuNQ0KCQljMS43LDEzLjIsMywzMy44LDMuOSw1MC4yYy00LjktMy4yLTEwLjItNi42LTE2LjUtMTAuM2MtMi0xLjItNC0yLjQtNi0zLjZjLTExLjYtNi45LTIyLjUtMTMuNC0zMi40LTIxLjINCgkJQzg2LjksMTE4LjgsNzAuNywxMDIuOSw3OS4zLDgyLjIgTTc3LjgsMTQ1LjRjMTEuMyw5LDIzLjYsMTYuMywzNS40LDIzLjNjMiwxLjIsNCwyLjQsNS45LDMuNWM3LjEsNC4zLDEyLjksNy45LDE4LjIsMTEuNQ0KCQljMi4yLDEuNSwxNS40LDkuNSwxOS40LDExLjlsMjAuOSwxMi42bC0wLjgtMjQuNWMtMC4xLTIuMS0xLjgtNTItNS4yLTc3LjZjLTIuOC0yMS4zLTctNTMuNS0zOC40LTY2LjUNCgkJQzEwMi44LDI2LjksNjcuNiw0MS40LDU0LjgsNzJDNDQuMiw5Ny42LDUzLDEyNS43LDc3LjgsMTQ1LjQiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjI3LjMsMTUwLjdjLTIuMy05LjMsNi4zLTE4LjksMTUuMi0yMC40YzkuOS0xLjcsMTQuNyw2LjMsMTYuNywxNC42YzIuNCw5LjYtMS41LDI0LjQtOS4yLDI0LjYNCgkJQzIzOS43LDE2OS45LDIyOS42LDE2MC4zLDIyNy4zLDE1MC43IE0yNjguMywxOTEuMmM3LjYtMTMuMyw4LjYtMzUuOCwyLjMtNTIuNGMtNC42LTExLjktMTAuNy0yMC43LTE4LjEtMjYuMWwyMS42LTI1LjNsMjAtOS4xDQoJCWMyLjQtMS4xLDMuNS00LDIuNC02LjRjLTEuMS0yLjQtNC0zLjUtNi40LTIuNGwtMjEsOS41bC0xLjcsMS4zTDI0My44LDEwOGMtMS4zLTAuNS0yLjYtMC44LTQtMS4xbDE2LjgtNDMuNmwxOS4yLTguNw0KCQljMi40LTEuMSwzLjUtNCwyLjQtNi40Yy0xLjEtMi40LTQtMy41LTYuNC0yLjRsLTIxLDkuNWwtMi41LDIuN2wtMTguNiw0OC41Yy0yLjIsMC4zLTQuNSwwLjctNi44LDEuNGMtMTIsMy42LTIzLjIsMTMuMy0yOS4yLDI1LjQNCgkJYy01LjEsMTAuNC01LjksMjEuNC0yLjIsMzEuMWM5LjUsMjQuOCwzNC42LDM5LjIsNTQuOSwzOS4yYzIuMiwwLDQuMi0wLjIsNi4zLTAuNUMyNTksMjAyLDI2NC41LDE5Ny45LDI2OC4zLDE5MS4yIi8+DQoJPGc+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00Mi44LDE4Ny44bDk2LjUsNTkuM2M3LjgtNS4yLDE1LjEtMTEuMywyMS42LTE4bC05NS41LTU4LjdDNTcuMiwxNzUuMiw0OS41LDE4MSw0Mi44LDE4Ny44eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIuNCwyNTkuOEMyOC4zLDI2Ni40LDQ1LjcsMjcwLDY0LDI3MGMxNi44LDAsMzIuOC0zLjEsNDcuNi04LjZMMjYuNSwyMDlDMTcuOSwyMjQsMTIuNywyNDEuMywxMi40LDI1OS44eiINCgkJCS8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=

The length of the string will vary based on the complexity of the original image file: