Add screenshots after each test in the Allure reports

Author: wakaleo

src/test/java/com/serenitydojo/playwright/toolshop/contact/ContactFormTest.java

@@ -60,7 +60,7 @@ void recordTrace(TestInfo testInfo, BrowserContext context) {
     @Story("Submitting a request")
     @DisplayName("Customers can use the contact form to contact us")
     @Test
-    void completeForm() throws URISyntaxException {
+    void completeForm(Page page) throws URISyntaxException {
         contactForm.setFirstName("Sarah-Jane");
         contactForm.setLastName("Smith");
         contactForm.setEmail("[email protected]");
@@ -70,6 +70,7 @@ void completeForm() throws URISyntaxException {
         Path fileToUpload = Paths.get(ClassLoader.getSystemResource("data/sample-data.txt").toURI());
         contactForm.setAttachment(fileToUpload);
 
+        recordScreenshot(page, "Submit form");
         contactForm.submitForm();
 
         Assertions.assertThat(contactForm.getAlertMessage())

src/test/java/com/serenitydojo/playwright/toolshop/fixtures/RecordsAllureScreenshots.java

@@ -9,6 +9,10 @@
 public interface RecordsAllureScreenshots {
     @AfterEach
     default void tearDown(Page page) {
-        Allure.addAttachment("End of Test Screenshot", new ByteArrayInputStream(page.screenshot()));
+        recordScreenshot(page,"End of Test Screenshot");
+    }
+
+    default void recordScreenshot(Page page, String screenshotName) {
+        Allure.addAttachment(screenshotName, new ByteArrayInputStream(page.screenshot()));
     }
 }