You're viewing an older version of this GitHub Action. Do you want to see the latest version instead?
GitHub Action
screenshots-ci-action
v1.0.3
Generate a website screenshots in different viewpoint, devices.
| Name(type) | required(default) | Description |
|---|---|---|
url(string) |
required("") |
The target website's URL to generate screenshots |
devices(string) |
optional("") |
Specific mobile devices to generate screenshots. Use comma(,) to separate devices name. The devices name list in below. |
noDesktop(boolean) |
optional(false) |
Set true if not require to get desktop viewpoint screenshots. |
-
At the root of your repository, create a directory named
.github/workflowsto store your workflow files. -
In
.github/workflows, add a.ymlor.yamlfile for your workflow. For example,.github/workflows/screenshots-workflow.yml.
for more info
name: screenshots ci actions
on:
push:
branches:
- master
jobs:
screenshots:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v2
- name: install puppeteer-headful
uses: mujo-code/puppeteer-headful@master
env:
CI: 'true'
- name: screenshots-ci-action
uses: flameddd/[email protected]
with:
url: https://github.com
devices: iPhone 6,iPhone 6 landscape,Nexus 7,Pad Pro,Galaxy S III landscape,iPad Pro landscape
- uses: actions/upload-artifact@v1
with:
name: Download-screenshots
path: screenshotsname: screenshots ci actions
on:
push:
branches:
- master
jobs:
screenshots:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v2
- name: install puppeteer-headful
uses: mujo-code/puppeteer-headful@master
env:
CI: 'true'
- name: screenshots-ci-action
uses: flameddd/[email protected]
with:
url: https://github.com
devices: iPhone 6,iPhone 6 landscape
noDesktop: true
- uses: actions/upload-artifact@v1
with:
name: Download-screenshots
path: screenshots
- width: 540px, height: 405px
- width: 600px, height: 450px
- width: 720px, height: 540px
- width: 960px, height: 720px
- width: 1140px, height: 640px
- width: 1280px, height: 720px
- width: 1920px, height: 1080px
full mobile devices options (https://github.com/puppeteer/puppeteer/blob/master/experimental/puppeteer-firefox/lib/DeviceDescriptors.js)
- 'Blackberry PlayBook'
- 'Blackberry PlayBook landscape'
- 'BlackBerry Z30'
- 'BlackBerry Z30 landscape'
- 'Galaxy Note 3'
- 'Galaxy Note 3 landscape'
- 'Galaxy Note II'
- 'Galaxy Note II landscape'
- 'Galaxy S III'
- 'Galaxy S III landscape'
- 'Galaxy S5'
- 'Galaxy S5 landscape'
- 'iPad'
- 'iPad landscape'
- 'iPad Mini'
- 'iPad Mini landscape'
- 'iPad Pro'
- 'iPad Pro landscape'
- 'iPhone 4'
- 'iPhone 4 landscape'
- 'iPhone 5'
- 'iPhone 5 landscape'
- 'iPhone 6'
- 'iPhone 6 landscape'
- 'iPhone 6 Plus'
- 'iPhone 6 Plus landscape'
- 'iPhone 7'
- 'iPhone 7 landscape'
- 'iPhone 7 Plus'
- 'iPhone 7 Plus landscape'
- 'iPhone 8'
- 'iPhone 8 landscape'
- 'iPhone 8 Plus'
- 'iPhone 8 Plus landscape'
- 'iPhone SE'
- 'iPhone SE landscape'
- 'iPhone X'
- 'iPhone X landscape'
- 'Kindle Fire HDX'
- 'Kindle Fire HDX landscape'
- 'LG Optimus L70'
- 'LG Optimus L70 landscape'
- 'Microsoft Lumia 550'
- 'Microsoft Lumia 950'
- 'Microsoft Lumia 950 landscape'
- 'Nexus 10'
- 'Nexus 10 landscape'
- 'Nexus 4'
- 'Nexus 4 landscape'
- 'Nexus 5'
- 'Nexus 5 landscape'
- 'Nexus 5X'
- 'Nexus 5X landscape'
- 'Nexus 6'
- 'Nexus 6 landscape'
- 'Nexus 6P'
- 'Nexus 6P landscape'
- 'Nexus 7'
- 'Nexus 7 landscape'
- 'Nokia Lumia 520'
- 'Nokia Lumia 520 landscape'
- 'Nokia N9'
- 'Nokia N9 landscape'
- 'Pixel 2'
- 'Pixel 2 landscape'
- 'Pixel 2 XL'
- 'Pixel 2 XL landscape'
