Add Android landscape screenshots
@ -23,22 +23,22 @@ const testBrowsersPortrait = [
|
|||||||
browser_version: '16.0',
|
browser_version: '16.0',
|
||||||
real_mobile: null,
|
real_mobile: null,
|
||||||
},
|
},
|
||||||
// {
|
{
|
||||||
// os: 'OS X',
|
os: 'OS X',
|
||||||
// os_version: 'Ventura',
|
os_version: 'Ventura',
|
||||||
// browser: 'firefox',
|
browser: 'firefox',
|
||||||
// device: null,
|
device: null,
|
||||||
// browser_version: '90.0',
|
browser_version: '89.0',
|
||||||
// real_mobile: null,
|
real_mobile: null,
|
||||||
// },
|
},
|
||||||
// {
|
{
|
||||||
// os: 'Windows',
|
os: 'Windows',
|
||||||
// os_version: '10',
|
os_version: '11',
|
||||||
// browser: 'firefox',
|
browser: 'firefox',
|
||||||
// device: null,
|
device: null,
|
||||||
// browser_version: '90.0',
|
browser_version: '89.0',
|
||||||
// real_mobile: null,
|
real_mobile: null,
|
||||||
// },
|
},
|
||||||
{
|
{
|
||||||
os: 'Windows',
|
os: 'Windows',
|
||||||
os_version: '11',
|
os_version: '11',
|
||||||
@ -82,14 +82,14 @@ const testBrowsersPortrait = [
|
|||||||
];
|
];
|
||||||
|
|
||||||
const testBrowsersLandscape = [
|
const testBrowsersLandscape = [
|
||||||
// {
|
{
|
||||||
// os: 'android',
|
os: 'android',
|
||||||
// os_version: '13.0',
|
os_version: '10.0',
|
||||||
// browser: 'Android Browser',
|
browser: 'Android Browser',
|
||||||
// device: 'Google Pixel 7 Pro',
|
device: 'Samsung Galaxy S20 Ultra',
|
||||||
// browser_version: null,
|
browser_version: null,
|
||||||
// real_mobile: true,
|
real_mobile: true,
|
||||||
// },
|
},
|
||||||
{
|
{
|
||||||
os: 'ios',
|
os: 'ios',
|
||||||
os_version: '16',
|
os_version: '16',
|
||||||
@ -102,7 +102,7 @@ const testBrowsersLandscape = [
|
|||||||
// os: 'ios',
|
// os: 'ios',
|
||||||
// os_version: '16',
|
// os_version: '16',
|
||||||
// browser: 'Mobile Safari',
|
// browser: 'Mobile Safari',
|
||||||
// device: 'iPhone 14 Pro',
|
// device: 'iPhone 14',
|
||||||
// browser_version: null,
|
// browser_version: null,
|
||||||
// real_mobile: true,
|
// real_mobile: true,
|
||||||
// },
|
// },
|
||||||
|
@ -4,17 +4,18 @@ set -e
|
|||||||
set -o errexit
|
set -o errexit
|
||||||
set -o pipefail
|
set -o pipefail
|
||||||
|
|
||||||
|
finish() {
|
||||||
|
kill_with_kids "$BROWSERSTACK_PID"
|
||||||
|
kill_with_kids "$STREAM_PID"
|
||||||
|
}
|
||||||
|
|
||||||
rm -rf ./screenshots
|
rm -rf ./screenshots
|
||||||
mkdir -p ./screenshots
|
mkdir -p ./screenshots
|
||||||
|
|
||||||
curl -o ./BrowserStackLocal-linux-x64.zip https://www.browserstack.com/browserstack-local/BrowserStackLocal-linux-x64.zip
|
curl -o ./BrowserStackLocal-linux-x64.zip https://www.browserstack.com/browserstack-local/BrowserStackLocal-linux-x64.zip
|
||||||
unzip -o ./BrowserStackLocal-linux-x64.zip
|
unzip -o ./BrowserStackLocal-linux-x64.zip
|
||||||
./BrowserStackLocal --key "$BROWSERSTACK_KEY" &
|
./BrowserStackLocal --key "$BROWSERSTACK_KEY" &
|
||||||
|
BROWSERSTACK_PID=$!
|
||||||
finish() {
|
|
||||||
killall BrowserStackLocal
|
|
||||||
kill_with_kids "$STREAM_PID"
|
|
||||||
}
|
|
||||||
|
|
||||||
trap finish EXIT TERM INT
|
trap finish EXIT TERM INT
|
||||||
|
|
||||||
|
@ -0,0 +1,26 @@
|
|||||||
|
import { Canvas, Meta, Story } from '@storybook/addon-docs';
|
||||||
|
|
||||||
|
<Meta
|
||||||
|
title="owncast/Screenshots/Android Landscape/Stock Browser"
|
||||||
|
parameters={{ chromatic: { disableSnapshot: true } }}
|
||||||
|
/>
|
||||||
|
|
||||||
|
<Story name="Offline">
|
||||||
|
|
||||||
|
<img
|
||||||
|
src="screenshots/android-10.0-android-browser-samsung-galaxy-s20-ultra-landscape-offline.png"
|
||||||
|
alt="Android Browser offline"
|
||||||
|
height="1000px"
|
||||||
|
/>
|
||||||
|
|
||||||
|
</Story>
|
||||||
|
|
||||||
|
<Story name="Online">
|
||||||
|
|
||||||
|
<img
|
||||||
|
src="screenshots/android-10.0-android-browser-samsung-galaxy-s20-ultra-landscape-online.png"
|
||||||
|
alt="Android Browser offline"
|
||||||
|
height="1000px"
|
||||||
|
/>
|
||||||
|
|
||||||
|
</Story>
|
@ -1,7 +1,7 @@
|
|||||||
import { Canvas, Meta, Story } from '@storybook/addon-docs';
|
import { Canvas, Meta, Story } from '@storybook/addon-docs';
|
||||||
|
|
||||||
<Meta
|
<Meta
|
||||||
title="owncast/Screenshots/Android/Stock Browser"
|
title="owncast/Screenshots/Android Portrait/Stock Browser"
|
||||||
parameters={{ chromatic: { disableSnapshot: true } }}
|
parameters={{ chromatic: { disableSnapshot: true } }}
|
||||||
/>
|
/>
|
||||||
|
|
After Width: | Height: | Size: 40 KiB |
After Width: | Height: | Size: 93 KiB |
Before Width: | Height: | Size: 63 KiB After Width: | Height: | Size: 64 KiB |
Before Width: | Height: | Size: 125 KiB After Width: | Height: | Size: 126 KiB |
Before Width: | Height: | Size: 103 KiB After Width: | Height: | Size: 103 KiB |
Before Width: | Height: | Size: 136 KiB After Width: | Height: | Size: 138 KiB |
Before Width: | Height: | Size: 55 KiB After Width: | Height: | Size: 57 KiB |
After Width: | Height: | Size: 40 KiB |
After Width: | Height: | Size: 40 KiB |
Before Width: | Height: | Size: 204 KiB After Width: | Height: | Size: 185 KiB |
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 33 KiB |
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 33 KiB |
After Width: | Height: | Size: 18 KiB |
After Width: | Height: | Size: 18 KiB |