[responsive-validator] - implemented autogenerating screenshots based on json files

Author: dzaiats

src/main/java/util/validator/ResponsiveValidator.java

@@ -29,6 +29,8 @@ public class ResponsiveValidator implements Validator {
     private static final String ERROR_KEY = "error";
     private static final String MESSAGE = "message";
     private static final String DETAILS = "details";
+    private static final Object REASON = "reason";
+    private static final String ELEMENT = "element";
     private final Logger LOG = Logger.getLogger(ResponsiveValidator.class);
     private WebDriver driver;
     private String rootElementReadableName;
@@ -276,7 +278,7 @@ public boolean validate() {
                 jsonResults.put(DETAILS, errorMessage);
             }
 
-            if (withReport) {
+            if (withReport && !errorMessage.isEmpty()) {
                 try {
                     map = ((TakesScreenshot) driver).getScreenshotAs(OutputType.FILE);
                     img = ImageIO.read(map);
@@ -330,6 +332,23 @@ private void drawScreenshot() {
 
         drawElementRect(Color.RED, rootElement);
 
+        for (Object obj : errorMessage) {
+            JSONObject det = (JSONObject) obj;
+            JSONObject details = (JSONObject) det.get(REASON);
+            JSONObject numE = (JSONObject) details.get(ELEMENT);
+
+            if (numE != null) {
+                float x = (float) numE.get(X);
+                float y = (float) numE.get(Y);
+                float width = (float) numE.get(WIDTH);
+                float height = (float) numE.get(HEIGHT);
+
+                g.setColor(Color.MAGENTA);
+                g.setStroke(new BasicStroke(2));
+                g.drawRect((int) x, (int) y, (int) width, (int) height);
+            }
+        }
+
         try {
             ImageIO.write(img, "png", map);
             File file = new File("target/automotion/" + map.getName());
@@ -530,7 +549,7 @@ private void putJsonDetailsWithoutElement(String message) {
         JSONObject details = new JSONObject();
         JSONObject mes = new JSONObject();
         mes.put(MESSAGE, message);
-        details.put(counterDetails, mes);
+        details.put(REASON, mes);
         errorMessage.add(details);
         counterDetails++;
     }
@@ -549,8 +568,8 @@ private void putJsonDetailsWithElement(String message, WebElement element) {
         elDetails.put(HEIGHT, heightContainer);
         JSONObject mes = new JSONObject();
         mes.put(MESSAGE, message);
-        mes.put("element", elDetails);
-        details.put(counterDetails, mes);
+        mes.put(ELEMENT, elDetails);
+        details.put(REASON, mes);
         errorMessage.add(details);
         counterDetails++;
     }

src/main/resources/drivers/chromedriver

@@ -1,10 +1,12 @@
 import http.helpers.MailService;
 import org.junit.After;
 import org.junit.Assert;
+import org.junit.Ignore;
 import org.junit.Test;
 
 import javax.mail.MessagingException;
 
+@Ignore
 public class MailServiceTest {
 
     private static final String EMAIL = "[email protected]";

src/test/java/MailServiceTest.java

@@ -0,0 +1,37 @@
+import org.junit.Test;
+import org.openqa.selenium.WebDriver;
+import util.driver.WebDriverFactory;
+import util.validator.ResponsiveValidator;
+
+public class ResponsiveValidatorTest {
+
+    @Test
+    public void testThatResponsiveValidatorWorks() {
+        System.setProperty("IS_LOCAL", "TRUE");
+        System.setProperty("BROWSER", "Chrome");
+
+        WebDriverFactory driverFactory = new WebDriverFactory();
+        WebDriver driver = driverFactory.getDriver();
+        driver.manage().window().maximize();
+
+        driver.get("https://www.facey.top");
+
+        TestPage page = new TestPage(driver);
+
+        new ResponsiveValidator(driver)
+                .findElement(page.newPhotos(), "New Photos")
+                .widthBetween(300, 400)
+                .heightBetween(20, 50)
+                .minOffset(10, 500, 500, 600)
+                .maxOffset(200, 2000, 2000, 1000)
+                .notOverlapWith(page.header(), "Header")
+                .notOverlapWith(page.myPhotos(), "My Photos")
+                .notOverlapWith(page.topPhotos(), "Top Photos")
+                .sameOffsetRightAs(page.logo(), "Logo")
+                .drawMap()
+                .validate();
+
+        driver.quit();
+    }
+
+}

src/test/java/ResponsiveValidatorTest.java

@@ -0,0 +1,43 @@
+import org.openqa.selenium.By;
+import org.openqa.selenium.WebDriver;
+import org.openqa.selenium.WebElement;
+import org.openqa.selenium.support.ui.ExpectedConditions;
+import web.BaseWebMobileElement;
+
+/**
+ * Created by ZayCo on 24/11/16.
+ */
+public class TestPage extends BaseWebMobileElement {
+
+    public TestPage(WebDriver driver) {
+        super(driver);
+    }
+
+    public WebElement header() {
+        return getWebElement(By.id("navbar"));
+    }
+
+    public WebElement logo() {
+        return getWebElement(By.id("main-logo"));
+    }
+
+    public WebElement topPhotos() {
+        return getWebElement(By.id("top-photos"));
+    }
+
+    public WebElement newPhotos() {
+        return getWebElement(By.id("new-photos"));
+    }
+
+    public WebElement myPhotos() {
+        return getWebElement(By.id("my-photos"));
+    }
+
+    public WebElement footer() {
+        return getWebElement(ExpectedConditions.elementToBeClickable(By.id("footer")));
+    }
+
+    public WebElement contactForm() {
+        return getWebElement(By.id("contact-form"));
+    }
+}