svg images in diff does not have working overlay #3217
Description
Describe the Bug
when using diff mimetype I get the svg diff and expected image shown but the overlay shows white/blank instead of showing the actual image.
here I've dragged the slider half way:
the actual image is in the html and can be viewed raw in dev console but not in the browser.
Steps to Reproduce
Assuming you have svg strings then attach using this code:
String base64Expected = java.util.Base64.getEncoder().encodeToString(expected.getBytes(java.nio.charset.StandardCharsets.UTF_8));
String base64Actual = java.util.Base64.getEncoder().encodeToString(svg.getBytes(java.nio.charset.StandardCharsets.UTF_8));
String base64Diff = java.util.Base64.getEncoder().encodeToString(diff.getBytes(java.nio.charset.StandardCharsets.UTF_8));
String expectedUrl = "data:image/svg+xml;base64," + base64Expected;
String actualUrl = "data:image/svg+xml;base64," + base64Actual;
String diffUrl = "data:image/svg+xml;base64," + base64Diff;
String json = String.format(
"{\"expected\":\"%s\",\"actual\":\"%s\",\"diff\":\"%s\"}",
expectedUrl, actualUrl, diffUrl
);
Allure.addAttachment(
"SVG Image Diff",
"application/vnd.allure.image.diff",
json,
".json"
);
Expected Behaviour
that both svg images should be shown.
Screenshots or Additional Context
No response
What Language are you using?
Java
What Framework/Allure Integration you are using?
allure-junit5
What version of Allure Integration you are using?
2.23.3
What version of Allure Report you are using?
2.23.3
Code of Conduct
- I agree to follow this project's Code of Conduct