Lighthouse - send screenshots instead of html

WeareJH · Feb 6, 2023 · c309f98 · c309f98
1 parent 93d61f3
commit c309f98
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -45,7 +45,9 @@ set('lighthouse', (
     ->setSlackAuthToken('xoxb-XXXXXXX-XXXXXXXXX-XXXXXXXXXXXXXX') // Slack bot token
     ->setSlackChannels('XXXXXXX') //Slack channels you want the message sent to, comma-separated
     ->setProjectSlug('project-name')
-
-after('deploy:success', 'lighthouse:generate');
 ```
 
+and trigger it after your deployment with
+```
+dep lighthouse:generate
+```
diff --git a/recipe/custom/lighthouse.php b/recipe/custom/lighthouse.php
@@ -96,6 +96,8 @@ public function validate(): bool
     runLocally("lighthouse {$lighthouseConfig->getTargetUrl()} --quiet --no-enable-error-reporting \
     --chrome-flags=\"--headless --no-sandbox\" --form-factor=mobile \
     --output-path={$lighthouseConfig->getProjectSlug()}-mobile.html {$extraHeaders}");
+    runLocally("chromium-browser --no-sandbox --headless --screenshot=\"{$lighthouseConfig->getProjectSlug()}-mobile.png\" \
+    \"{$lighthouseConfig->getProjectSlug()}-mobile.html\"");
     runLocally("curl -F file=@{$lighthouseConfig->getProjectSlug()}-mobile.html \
     -F \"initial_comment=Here are the mobile :iphone: Lighthouse results for your latest deployment :rocket:\" \
     -F channels={$lighthouseConfig->getSlackChannels()} \
@@ -106,6 +108,8 @@ public function validate(): bool
     runLocally("lighthouse {$lighthouseConfig->getTargetUrl()} --quiet --no-enable-error-reporting \
     --chrome-flags=\"--headless --no-sandbox\" --form-factor=desktop  --screenEmulation.disabled \
     --output-path={$lighthouseConfig->getProjectSlug()}-desktop.html {$extraHeaders}");
+    runLocally("chromium-browser --no-sandbox --headless --screenshot=\"{$lighthouseConfig->getProjectSlug()}-desktop.png\" \
+    \"{$lighthouseConfig->getProjectSlug()}-desktop.html\"");
     runLocally("curl -F file=@{$lighthouseConfig->getProjectSlug()}-desktop.html \
     -F \"initial_comment=Here are the desktop :computer: Lighthouse results for your latest deployment :rocket:\" \
     -F channels={$lighthouseConfig->getSlackChannels()} \