Added responsiveScreenShots method

Method uses some default screen sizes which can be altered

Author: ps-sean

src/Browser.php

@@ -39,6 +39,39 @@ class Browser
      */
     public static $storeScreenshotsAt;
 
+    /**
+     * These are the most common screen sizes to use for responsive screenshots.
+     * These will trigger all of tailwind's default breakpoints.
+     *
+     * @var array
+     */
+    public static $responsiveScreenSizes = [
+        'xs' => [
+            'width' => 360,
+            'height' => 640,
+        ],
+        'sm' => [
+            'width' => 640,
+            'height' => 360,
+        ],
+        'md' => [
+            'width' => 768,
+            'height' => 1024,
+        ],
+        'lg' => [
+            'width' => 1024,
+            'height' => 768,
+        ],
+        'xl' => [
+            'width' => 1280,
+            'height' => 1024,
+        ],
+        '2xl' => [
+            'width' => 1536,
+            'height' => 864,
+        ],
+    ];
+
     /**
      * The directory that will contain any console logs.
      *
@@ -396,6 +429,26 @@ public function screenshot($name)
         return $this;
     }
 
+    /**
+     * Take a series of screenshots at different browser sizes to emulate different devices.
+     *
+     * @param  string  $name
+     * @return $this
+     */
+    public function responsiveScreenShots($name)
+    {
+        if (substr($name, -1) !== '/') {
+            $name .= '-';
+        }
+
+        foreach (static::$responsiveScreenSizes as $device => $size) {
+            $this->resize($size['width'], $size['height'])
+                ->screenshot("$name$device");
+        }
+
+        return $this;
+    }
+
     /**
      * Store the console output with the given name.
      *