# screenshots

Published articles for screenshots.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Automating App Store Screenshots

DevFeed: [Automating App Store Screenshots](<https://devfeed.tech/articles/automating-app-store-screenshots-27367.md>)

Original publisher: [Read original article](<http://engineering.khanacademy.org/posts/automating-app-store-screenshots.htm>)

Author: Khan Academy

Published: 2017-03-27T22:00:00Z

Content type: tutorial

Language: en

Sources: [Khan Academy](<https://devfeed.tech/sources/khan-academy.md>)

Topics: [iOS](<https://devfeed.tech/topics/ios.md>), [ui-testing](<https://devfeed.tech/topics/ui-testing.md>), [Xcode](<https://devfeed.tech/topics/xcode.md>), [Sketch](<https://devfeed.tech/topics/sketch.md>), [Mobile](<https://devfeed.tech/topics/mobile.md>), [Testing](<https://devfeed.tech/topics/testing.md>)

Tags: [app-store](<https://devfeed.tech/tags/app-store.md>), [design](<https://devfeed.tech/tags/design.md>), [engineering](<https://devfeed.tech/tags/engineering.md>), [fastlane](<https://devfeed.tech/tags/fastlane.md>), [ios](<https://devfeed.tech/tags/ios.md>), [iphone](<https://devfeed.tech/tags/iphone.md>), [mobile](<https://devfeed.tech/tags/mobile.md>), [news](<https://devfeed.tech/tags/news.md>), [screenshots](<https://devfeed.tech/tags/screenshots.md>), [testing](<https://devfeed.tech/tags/testing.md>), [ui-testing](<https://devfeed.tech/tags/ui-testing.md>), [xcode](<https://devfeed.tech/tags/xcode.md>)

### AI overview

A tutorial describing how Khan Academy automated App Store and Play Store screenshots with Xcode UI tests, Fastlane, a Snapfile, and a homegrown Sketch file. The team reduced screenshot update time from about a week to about an hour.

### Source excerpt

By Bryan Clark One of the more tedious design tasks is keeping your App Store promo images up-to-date. ... Read more

## shot-scraper 1.12

DevFeed: [shot-scraper 1.12](<https://devfeed.tech/articles/shot-scraper-1-12-31175.md>)

Original publisher: [Read original article](<https://simonwillison.net/2026/Sep/13/shot-scraper/>)

Author: Simon Willison

Published: 2026-09-13T23:58:14Z

Content type: release

Language: en

Sources: [Simon Willison's Weblog](<https://devfeed.tech/sources/simon-willison-s-weblog.md>)

Topics: [Automation](<https://devfeed.tech/topics/automation.md>), [Playwright](<https://devfeed.tech/topics/playwright.md>), [Web](<https://devfeed.tech/topics/web.md>)

Tags: [automation](<https://devfeed.tech/tags/automation.md>), [playwright](<https://devfeed.tech/tags/playwright.md>), [playwright-15](<https://devfeed.tech/tags/playwright-15.md>), [release](<https://devfeed.tech/tags/release.md>), [screenshot](<https://devfeed.tech/tags/screenshot.md>), [screenshots](<https://devfeed.tech/tags/screenshots.md>), [shot-scraper](<https://devfeed.tech/tags/shot-scraper.md>), [shot-scraper-71](<https://devfeed.tech/tags/shot-scraper-71.md>)

### AI overview

shot-scraper 1.12 adds WebP screenshot support, including a quality option and lossless output when quality is not specified. The article says WebP screenshots are usually significantly smaller than JPEG or PNG equivalents.

### Source excerpt

Release: shot-scraper 1.12 I've added WebP support to my shot-scraper screenshot automation tool. You can now take a WebP screenshot of a web page like this: shot-scraper https://simonwillison.net -o screenshot.webp --quality 80 The --quality option sets the quality - without that option the WebP file will be lossless. In my experience WebP screenshots are almost always significantly smaller in file size than their JPEG or PNG equivalents. See the PR for some examples. I shipped this feature so I could use it to generate the screenshot for my new commit-rewriter tool. Tags: playwright, shot-scraper

## Examining the artifacts job of a Playwright GitLab CI / CD pipeline

DevFeed: [Examining the artifacts job of a Playwright GitLab CI / CD pipeline](<https://devfeed.tech/articles/examining-the-artifacts-job-of-a-playwright-gitlab-ci-cd-pipeline-22416.md>)

Original publisher: [Read original article](<https://www.tjmaher.com/2026/08/examining-artifacts-job-of-playwright.html>)

Author: T.J. Maher (noreply@blogger.com)

Published: 2026-08-29T23:19:22Z

Content type: tutorial

Language: en

Sources: [T.J. Maher](<https://devfeed.tech/sources/t-j-maher.md>)

Topics: [Playwright](<https://devfeed.tech/topics/playwright.md>), [GitLab](<https://devfeed.tech/topics/gitlab.md>), [CI/CD Pipeline](<https://devfeed.tech/topics/ci-cd-pipeline.md>), [CI/CD](<https://devfeed.tech/topics/cicd.md>), [test](<https://devfeed.tech/topics/test.md>)

Tags: [bun-create-playwright](<https://devfeed.tech/tags/bun-create-playwright.md>), [ci-cd](<https://devfeed.tech/tags/ci-cd.md>), [ci-cd-pipeline](<https://devfeed.tech/tags/ci-cd-pipeline.md>), [gitlab](<https://devfeed.tech/tags/gitlab.md>), [playwright](<https://devfeed.tech/tags/playwright.md>), [screenshots](<https://devfeed.tech/tags/screenshots.md>), [test](<https://devfeed.tech/tags/test.md>), [trace](<https://devfeed.tech/tags/trace.md>), [videos](<https://devfeed.tech/tags/videos.md>)

### AI overview

This tutorial examines how a Playwright GitLab CI/CD pipeline stores and exposes test artifacts. It explains the playwright-report, test-results, and reports/junit folders and describes generated HTML and JUnit reports, screenshots, videos, and trace reports.

### Source excerpt

You may have noticed that in the GitLab CI / CD Pipeline for our Playwright project, in the .gitlab-ci.yml file, after our scripts has run, in the Test stage, there is a subsection called "artifacts" with certain paths to something called "playwright-report", "test-results", and "reports". The Playwright -> Artifacts -> Reports stage playwright: extends: .bun_playwright stage: test timeout: 30 minutes ... ... artifacts: when: always paths: - playwright-report/ - test-results/ - reports/ reports: junit: reports/junit/results.xml expire_in: 30 days https://gitlab.com/tjmaher/bun-create-playwright/-/blob/main/.gitlab-ci.yml Every time Playwright tests run, it generates proof of the test execution: screenshots capturing the state of the UI when a test failed, video recordings of an entire browser session, HTML and JUnit XML test reports, trace reports showing action logs, network requests. These artifacts, when the tests run locally, are placed by the Playwright Test runner in generated folders, playwright-report and test-results, along with a folder called reports/junit. With this post, we will be examining how this artifacts stage of the GitLab CI/ CD pipeline produces downloadable artifacts we can examine. Playwright-Report: A Playwright Test folderThe Playwright Test runner creates a folder called "playwright-report", if it doesn't already exist, and an HTML file called index.html documenting the completed test run. From Playwright.dev / Test Reporters: "Playwright Test comes with a few built-in reporters for different needs and ability to provide custom reporters. [...] All built-in reporters show detailed information about failures, and mostly differ in verbosity for successful runs. [...] HTML reporter produces a self-contained folder that contains report for the test run that can be served as a web page". The HTML Report is the one that automatically opens after you run your tests locally, or if you are using the node package manager: npx playwright show-report

## Codename One Publishes a CI-Backed Port Status Matrix

DevFeed: [Codename One Publishes a CI-Backed Port Status Matrix](<https://devfeed.tech/articles/port-support-you-can-trace-back-to-a-green-test-19551.md>)

Original publisher: [Read original article](<https://www.codenameone.com/blog/tested-port-support/>)

Author: Shai Almog

Published: 2026-07-22T00:00:00Z

Content type: article

Language: en

Sources: [CodeName One](<https://devfeed.tech/sources/codename-one.md>)

Topics: [ci](<https://devfeed.tech/topics/ci.md>), [Development](<https://devfeed.tech/topics/development.md>), [Publishing](<https://devfeed.tech/topics/publishing.md>)

Tags: [ci](<https://devfeed.tech/tags/ci.md>), [report](<https://devfeed.tech/tags/report.md>), [screenshots](<https://devfeed.tech/tags/screenshots.md>), [test](<https://devfeed.tech/tags/test.md>), [validation](<https://devfeed.tech/tags/validation.md>)

### AI overview

Codename One's new port status page maps 49 user-facing feature groups across 10 portability targets to current conformance results, environment data, skip reasons, and run dates. CI converts test and screenshot results into standardized reports that the website renders as a matrix.

### Source excerpt

The Codename One port status page maps 49 feature groups across 10 targets to dated CI evidence and explicit skip explanations.

## iPhone Screenshots on Linux, on a Stream Deck Button

DevFeed: [iPhone Screenshots on Linux, on a Stream Deck Button](<https://devfeed.tech/articles/iphone-screenshots-on-linux-on-a-stream-deck-button-25177.md>)

Original publisher: [Read original article](<https://www.ivanmorgillo.com/2026/06/22/iphone-screenshots-on-linux-stream-deck/>)

Author: Ivan Morgillo

Published: 2026-06-22T09:30:00Z

Content type: tutorial

Language: en

Sources: [Ivan Morgillo](<https://devfeed.tech/sources/ivan-morgillo.md>)

Topics: [iphone](<https://devfeed.tech/topics/iphone.md>), [iOS](<https://devfeed.tech/topics/ios.md>), [Linux](<https://devfeed.tech/topics/linux.md>), [systemd](<https://devfeed.tech/topics/systemd.md>)

Tags: [capture](<https://devfeed.tech/tags/capture.md>), [command](<https://devfeed.tech/tags/command.md>), [ios](<https://devfeed.tech/tags/ios.md>), [iphone](<https://devfeed.tech/tags/iphone.md>), [linux](<https://devfeed.tech/tags/linux.md>), [root](<https://devfeed.tech/tags/root.md>), [screenshots](<https://devfeed.tech/tags/screenshots.md>), [stream](<https://devfeed.tech/tags/stream.md>), [systemd](<https://devfeed.tech/tags/systemd.md>)

### AI overview

A tutorial on capturing iPhone screenshots directly to the Linux clipboard with a Stream Deck button. On iOS 17 and later, it uses pymobiledevice3, Developer Mode, a mounted Developer Disk Image, and a root-run systemd tunnel service instead of the classic idevicescreenshot workflow.

### Source excerpt

How I screenshot my iPhone straight to the Linux clipboard with one Stream Deck button -- iOS 17+ needs pymobiledevice3 and a root tunnel, not the classic idevicescreenshot. No Mac required.

## A Claude Skill to Generate Professional App Store Screenshots ❤🔥

DevFeed: [A Claude Skill to Generate Professional App Store Screenshots ❤🔥](<https://devfeed.tech/articles/a-claude-skill-to-generate-professional-app-store-screenshots-37907.md>)

Original publisher: [Read original article](<https://newsletter.jorgecastillo.dev/p/a-claude-skill-to-generate-professional>)

Author: Jorge Castillo

Published: 2026-03-23T15:20:56Z

Content type: opinion

Language: en

Sources: [Effective Android](<https://devfeed.tech/sources/effective-android.md>)

Topics: [Claude Code](<https://devfeed.tech/topics/claude-code.md>), [App](<https://devfeed.tech/topics/app.md>), [Code](<https://devfeed.tech/topics/code.md>)

Tags: [app](<https://devfeed.tech/tags/app.md>), [claude-code](<https://devfeed.tech/tags/claude-code.md>), [editor](<https://devfeed.tech/tags/editor.md>), [screenshots](<https://devfeed.tech/tags/screenshots.md>)

### AI overview

The author presents a Claude Code skill that generates production-ready screenshots for apps and deploys them to an online editor for iteration. The skill also works with other code agents that support skills.

### Source excerpt

I built a Claude Code skill that generates production ready screenshots for your app and deploys them to a powerful online editor so you can iterate as much as you want.

## Introducing Visual Testing in Maestro

DevFeed: [Introducing Visual Testing in Maestro](<https://devfeed.tech/articles/introducing-visual-testing-in-maestro-22935.md>)

Original publisher: [Read original article](<https://maestro.dev/blog/visual-testing>)

Author: Dan Caseley

Published: 2026-03-02T07:00:00Z

Content type: release

Language: en

Sources: [mobile.dev - Medium](<https://devfeed.tech/sources/mobile-dev-medium.md>)

Topics: [Testing](<https://devfeed.tech/topics/testing.md>), [Command-line interface](<https://devfeed.tech/topics/cli.md>)

Tags: [cli](<https://devfeed.tech/tags/cli.md>), [maestro](<https://devfeed.tech/tags/maestro.md>), [regression](<https://devfeed.tech/tags/regression.md>), [screenshot](<https://devfeed.tech/tags/screenshot.md>), [screenshot-testing](<https://devfeed.tech/tags/screenshot-testing.md>), [screenshots](<https://devfeed.tech/tags/screenshots.md>), [testing](<https://devfeed.tech/tags/testing.md>), [visual-regression-testing](<https://devfeed.tech/tags/visual-regression-testing.md>), [visual-testing](<https://devfeed.tech/tags/visual-testing.md>)

### AI overview

Maestro's Visual Testing compares screenshots with saved baselines to detect unexpected visual changes. The article explains assertScreenshot, takeScreenshot, cropOn, and thresholdPercentage, and describes use cases including shared design-system components, dependency upgrades, dark mode, and complex layouts.

### Source excerpt

Available in CLI v2.2.0, Maestro Studio, and Maestro Cloud

## From Claude Code to Figma: Turning production code into editable Figma designs

DevFeed: [From Claude Code to Figma: Turning production code into editable Figma designs](<https://devfeed.tech/articles/from-claude-code-to-figma-turning-production-code-into-editable-figma-designs-9868.md>)

Original publisher: [Read original article](<https://www.figma.com/blog/introducing-claude-code-to-figma/>)

Author: Gui Seiz; Alex Kern

Published: 2026-02-17T13:42:25.314000Z

Content type: article

Language: en

Sources: [Figma Blog](<https://devfeed.tech/sources/figma-blog.md>)

Topics: [Figma](<https://devfeed.tech/topics/figma.md>), [Claude Code](<https://devfeed.tech/topics/claude-code.md>), [ui](<https://devfeed.tech/topics/ui.md>), [Development](<https://devfeed.tech/topics/development.md>), [browser](<https://devfeed.tech/topics/browser.md>)

Tags: [browser](<https://devfeed.tech/tags/browser.md>), [claude-code](<https://devfeed.tech/tags/claude-code.md>), [design](<https://devfeed.tech/tags/design.md>), [developers](<https://devfeed.tech/tags/developers.md>), [figma](<https://devfeed.tech/tags/figma.md>), [prototypes](<https://devfeed.tech/tags/prototypes.md>), [screenshots](<https://devfeed.tech/tags/screenshots.md>), [ui](<https://devfeed.tech/tags/ui.md>)

### AI overview

Figma describes a Claude Code to Figma workflow that captures functioning interfaces from a browser, including production, staging, or localhost environments, and converts them into editable Figma frames. The workflow supports organizing, refining, annotating, and sharing captured screens with a team.

### Source excerpt

Now you can take workflows that start in Claude Code even further in Figma.

## Happy Teams Build Better Products

DevFeed: [Happy Teams Build Better Products](<https://devfeed.tech/articles/happy-teams-build-better-products-17954.md>)

Original publisher: [Read original article](<https://newsletter.systemdesignclassroom.com/p/happy-teams-build-better-products>)

Author: Raul Junco

Published: 2025-12-12T12:38:14Z

Content type: opinion

Language: en

Sources: [System Design Classroom](<https://devfeed.tech/sources/system-design-classroom.md>)

Topics: [incident](<https://devfeed.tech/topics/incident.md>), [debugging](<https://devfeed.tech/topics/debugging.md>), [Traces](<https://devfeed.tech/topics/traces.md>), [telemetry](<https://devfeed.tech/topics/telemetry.md>), [Tooling](<https://devfeed.tech/topics/tooling.md>)

Tags: [context](<https://devfeed.tech/tags/context.md>), [debugging](<https://devfeed.tech/tags/debugging.md>), [incident](<https://devfeed.tech/tags/incident.md>), [metrics](<https://devfeed.tech/tags/metrics.md>), [request](<https://devfeed.tech/tags/request.md>), [screenshots](<https://devfeed.tech/tags/screenshots.md>), [teams](<https://devfeed.tech/tags/teams.md>), [tools](<https://devfeed.tech/tags/tools.md>), [traces](<https://devfeed.tech/tags/traces.md>)

### AI overview

An opinion article argues that engineering teams work better when they preserve incident context, use replays to reduce meetings, and consolidate debugging signals such as logs, traces, and metrics.

### Source excerpt

6 lessons every engineer eventually learns the hard way.

## Launching ScreenshotWhale.com 🐋

DevFeed: [Launching ScreenshotWhale.com 🐋](<https://devfeed.tech/articles/launching-screenshotwhale-com-37919.md>)

Original publisher: [Read original article](<https://newsletter.jorgecastillo.dev/p/launching-screenshotwhalecom>)

Author: Jorge Castillo

Published: 2025-09-13T15:03:52Z

Content type: release

Language: en

Sources: [Effective Android](<https://devfeed.tech/sources/effective-android.md>)

Topics: [App](<https://devfeed.tech/topics/app.md>), [Android](<https://devfeed.tech/topics/android.md>), [iOS](<https://devfeed.tech/topics/ios.md>), [Internationalization (i18n)](<https://devfeed.tech/topics/i18n.md>), [export](<https://devfeed.tech/topics/export.md>), [Cloud](<https://devfeed.tech/topics/cloud.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [app](<https://devfeed.tech/tags/app.md>), [cloud](<https://devfeed.tech/tags/cloud.md>), [editor](<https://devfeed.tech/tags/editor.md>), [export](<https://devfeed.tech/tags/export.md>), [i18n](<https://devfeed.tech/tags/i18n.md>), [image](<https://devfeed.tech/tags/image.md>), [ios](<https://devfeed.tech/tags/ios.md>), [layer](<https://devfeed.tech/tags/layer.md>), [screenshots](<https://devfeed.tech/tags/screenshots.md>), [templates](<https://devfeed.tech/tags/templates.md>)

### AI overview

ScreenshotWhale has launched as a cloud-based tool for creating app screenshots. It includes an online editor, templates, multilingual export, support for iOS and Android form factors, a mirror feature, app store layout settings, and layered editing.

### Source excerpt

The wait is over, screenshotwhale is live today 🎉

## Preorder StoreShots 📱🎇

DevFeed: [Preorder StoreShots 📱🎇](<https://devfeed.tech/articles/preorder-storeshots-37921.md>)

Original publisher: [Read original article](<https://newsletter.jorgecastillo.dev/p/preorder-storeshots>)

Author: Jorge Castillo

Published: 2025-08-16T22:28:12Z

Content type: release

Language: en

Sources: [Effective Android](<https://devfeed.tech/sources/effective-android.md>)

Topics: [App](<https://devfeed.tech/topics/app.md>), [.NET Conf](<https://devfeed.tech/topics/net-conf.md>)

Tags: [app](<https://devfeed.tech/tags/app.md>), [app-store](<https://devfeed.tech/tags/app-store.md>), [launch](<https://devfeed.tech/tags/launch.md>), [play-store](<https://devfeed.tech/tags/play-store.md>), [screenshot](<https://devfeed.tech/tags/screenshot.md>), [screenshots](<https://devfeed.tech/tags/screenshots.md>), [service](<https://devfeed.tech/tags/service.md>), [templates](<https://devfeed.tech/tags/templates.md>)

### AI overview

StoreShots is a new service for generating screenshots for the Google Play Store and Apple App Store. The article announces a limited preorder offering with discounted lifetime access, early access, and access to available templates.

### Source excerpt

Available for a limited number of people

## Recent improvements to the Maestro console

DevFeed: [Recent improvements to the Maestro console](<https://devfeed.tech/articles/recent-improvements-to-the-maestro-console-22921.md>)

Original publisher: [Read original article](<https://maestro.dev/blog/recent-improvements-to-robin>)

Author: Dan Caseley

Published: 2024-12-19T08:00:00Z

Content type: release

Language: en

Sources: [mobile.dev - Medium](<https://devfeed.tech/sources/mobile-dev-medium.md>)

Topics: [Testing](<https://devfeed.tech/topics/testing.md>), [Playback](<https://devfeed.tech/topics/playback.md>), [Resilience](<https://devfeed.tech/topics/resilience.md>)

Tags: [flaky](<https://devfeed.tech/tags/flaky.md>), [improvements](<https://devfeed.tech/tags/improvements.md>), [junit](<https://devfeed.tech/tags/junit.md>), [maestro](<https://devfeed.tech/tags/maestro.md>), [playback](<https://devfeed.tech/tags/playback.md>), [resilience](<https://devfeed.tech/tags/resilience.md>), [screenshots](<https://devfeed.tech/tags/screenshots.md>), [storage](<https://devfeed.tech/tags/storage.md>), [testing](<https://devfeed.tech/tags/testing.md>)

### AI overview

Maestro describes recent improvements to its console, including clearer playback steps, inline videos, flow run history, and fixes for JUnit reporting, video recording, and resilience when uploading screenshots and videos.

### Source excerpt

Howdy, testers! We're excited to share a quick update on changes we've made to the Maestro console over the last few weeks. There's a bunch you'll have noticed already, but to m...

## Capturing composable to a bitmap without losing a state

DevFeed: [Capturing composable to a bitmap without losing a state](<https://devfeed.tech/articles/capturing-composable-to-a-bitmap-without-losing-a-state-25705.md>)

Original publisher: [Read original article](<https://blog.shreyaspatil.dev/capturing-composable-to-a-bitmap-without-losing-a-state/>)

Author: Shreyas Patil

Published: 2024-03-20T13:58:20Z

Content type: tutorial

Language: en

Sources: [Shreyas Patil's Blog](<https://devfeed.tech/sources/shreyas-patil-s-blog.md>)

Topics: [Jetpack Compose](<https://devfeed.tech/topics/jetpack-compose.md>), [ui](<https://devfeed.tech/topics/ui.md>), [Caching](<https://devfeed.tech/topics/caching.md>), [Canvas](<https://devfeed.tech/topics/canvas.md>), [Code](<https://devfeed.tech/topics/code.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [android-app-development](<https://devfeed.tech/tags/android-app-development.md>), [android-apps](<https://devfeed.tech/tags/android-apps.md>), [android-development](<https://devfeed.tech/tags/android-development.md>), [caching](<https://devfeed.tech/tags/caching.md>), [capture](<https://devfeed.tech/tags/capture.md>), [code](<https://devfeed.tech/tags/code.md>), [compose](<https://devfeed.tech/tags/compose.md>), [deep-dive](<https://devfeed.tech/tags/deep-dive.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [jetpack](<https://devfeed.tech/tags/jetpack.md>), [jetpack-compose](<https://devfeed.tech/tags/jetpack-compose.md>), [jetpack-compose-layouts-and-modifiers](<https://devfeed.tech/tags/jetpack-compose-layouts-and-modifiers.md>), [kotlin](<https://devfeed.tech/tags/kotlin.md>), [mobile-apps](<https://devfeed.tech/tags/mobile-apps.md>), [mobile-development](<https://devfeed.tech/tags/mobile-development.md>), [screenshot](<https://devfeed.tech/tags/screenshot.md>), [screenshots](<https://devfeed.tech/tags/screenshots.md>), [state](<https://devfeed.tech/tags/state.md>), [ui](<https://devfeed.tech/tags/ui.md>)

### AI overview

This tutorial explains how to capture Jetpack Compose content as a Bitmap while preserving its current state. It describes the Compose 1.6.x rendering approach, shows how stateful content such as counters and network images can expose problems, and examines caching and canvas rendering behavior.

### Source excerpt

Learn how to capture a Jetpack Compose Composable as a Bitmap without losing its current state. A deep dive into capturing high-quality UI screenshots programmatically.

## Efficient Testing with Robolectric & Roborazzi Across Many UI States, Devices and Configurations

DevFeed: [Efficient Testing with Robolectric & Roborazzi Across Many UI States, Devices and Configurations](<https://devfeed.tech/articles/efficient-testing-with-robolectric-roborazzi-across-many-ui-states-devices-and-configurations-25690.md>)

Original publisher: [Read original article](<https://sergiosastre.hashnode.dev/efficient-testing-with-robolectric-roborazzi-across-many-ui-states-devices-and-configurations>)

Author: Sergio Sastre Florez

Published: 2023-11-09T21:45:00Z

Content type: tutorial

Language: en

Sources: [Sergio's little tech corner](<https://devfeed.tech/sources/sergio-s-little-tech-corner.md>)

Topics: [Testing](<https://devfeed.tech/topics/testing.md>), [screenshot-testing](<https://devfeed.tech/topics/screenshot-testing.md>), [ui-testing](<https://devfeed.tech/topics/ui-testing.md>), [Android](<https://devfeed.tech/topics/android.md>), [Software Process](<https://devfeed.tech/topics/software-process.md>), [enum](<https://devfeed.tech/topics/enum.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [android-app-development](<https://devfeed.tech/tags/android-app-development.md>), [devices](<https://devfeed.tech/tags/devices.md>), [emulator](<https://devfeed.tech/tags/emulator.md>), [espresso](<https://devfeed.tech/tags/espresso.md>), [google](<https://devfeed.tech/tags/google.md>), [robolectric](<https://devfeed.tech/tags/robolectric.md>), [roborazzi](<https://devfeed.tech/tags/roborazzi.md>), [screenshot-testing](<https://devfeed.tech/tags/screenshot-testing.md>), [screenshots](<https://devfeed.tech/tags/screenshots.md>), [software](<https://devfeed.tech/tags/software.md>), [software-process](<https://devfeed.tech/tags/software-process.md>), [testing](<https://devfeed.tech/tags/testing.md>), [tests](<https://devfeed.tech/tags/tests.md>), [ui](<https://devfeed.tech/tags/ui.md>), [ui-testing](<https://devfeed.tech/tags/ui-testing.md>)

### AI overview

This tutorial explains how to use Robolectric and Roborazzi for screenshot testing across many UI states, devices, and configurations. It introduces parameterized tests, enum-based UI states, and device qualifiers for generating screenshots efficiently.

### Source excerpt

Robolectric is a popular UI testing tool from Google that enables running UI tests without a physical device or emulator. It supports most androidx.test APIs, like Espresso, ActivityScenario & FragmentScenario as well as ComposeTestRule. Robolectric ...

## A World Beyond Libraries: Cross-Library screenshot tests on Android

DevFeed: [A World Beyond Libraries: Cross-Library screenshot tests on Android](<https://devfeed.tech/articles/a-world-beyond-libraries-cross-library-screenshot-tests-on-android-25685.md>)

Original publisher: [Read original article](<https://sergiosastre.hashnode.dev/a-world-beyond-libraries-cross-library-screenshot-tests-on-android>)

Author: Sergio Sastre Florez

Published: 2023-08-23T21:23:13Z

Content type: opinion

Language: en

Sources: [Sergio's little tech corner](<https://devfeed.tech/sources/sergio-s-little-tech-corner.md>)

Topics: [screenshot-testing](<https://devfeed.tech/topics/screenshot-testing.md>), [Android](<https://devfeed.tech/topics/android.md>), [Testing](<https://devfeed.tech/topics/testing.md>), [Library](<https://devfeed.tech/topics/library.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [android-app-development](<https://devfeed.tech/tags/android-app-development.md>), [robolectric](<https://devfeed.tech/tags/robolectric.md>), [roborazzi](<https://devfeed.tech/tags/roborazzi.md>), [screenshot-testing](<https://devfeed.tech/tags/screenshot-testing.md>), [screenshots](<https://devfeed.tech/tags/screenshots.md>), [testing](<https://devfeed.tech/tags/testing.md>)

### AI overview

An analysis of Android screenshot-testing libraries, comparing JVM-based approaches such as Paparazzi and Roborazzi with on-device tools. It explains trade-offs involving rendering fidelity, emulator reliability, speed, and platform limitations, including fixes in Robolectric 4.12.1.

### Source excerpt

The state of the art of screenshot testing for Android Screenshot testing is trending in Android. Many new libraries have come up, and even Google announced at I/O 20231 that they're working on a new tool for this based on Composable Previews powered...

## Automating beautiful Screenshots using Jetpack compose

DevFeed: [Automating beautiful Screenshots using Jetpack compose](<https://devfeed.tech/articles/automating-beautiful-screenshots-using-jetpack-compose-25766.md>)

Original publisher: [Read original article](<https://www.sinasamaki.com/automating-beautiful-screenshots-using-jetpack-compose/>)

Author: sinasamaki

Published: 2022-04-20T04:52:00Z

Content type: tutorial

Language: en

Sources: [sinasamaki](<https://devfeed.tech/sources/sinasamaki.md>)

Topics: [Jetpack Compose](<https://devfeed.tech/topics/jetpack-compose.md>), [Testing](<https://devfeed.tech/topics/testing.md>), [App](<https://devfeed.tech/topics/app.md>)

Tags: [article](<https://devfeed.tech/tags/article.md>), [automated](<https://devfeed.tech/tags/automated.md>), [design](<https://devfeed.tech/tags/design.md>), [fastlane](<https://devfeed.tech/tags/fastlane.md>), [jetpack-compose](<https://devfeed.tech/tags/jetpack-compose.md>), [play-store](<https://devfeed.tech/tags/play-store.md>), [screenshots](<https://devfeed.tech/tags/screenshots.md>), [testing](<https://devfeed.tech/tags/testing.md>), [ui](<https://devfeed.tech/tags/ui.md>), [ui-testing](<https://devfeed.tech/tags/ui-testing.md>)

### AI overview

This tutorial explains how to use Jetpack Compose and UI testing to design distinctive app screenshots and capture them automatically with fastlane across app variants and localizations.

### Source excerpt

Screenshots are the first impression of the user on our app. Therefore, to put our best foot forward, we need the best designed screenshots to be presented. But graphically designing screenshots is time-consuming. After coming up with a unique design, you still need to apply it to apply to

## How I made beautiful screenshots for Google Play (Developer experience)

DevFeed: [How I made beautiful screenshots for Google Play (Developer experience)](<https://devfeed.tech/articles/how-i-made-beautiful-screenshots-for-google-play-developer-experience-26017.md>)

Original publisher: [Read original article](<https://proandroiddev.com/how-i-made-beautiful-screenshots-for-google-play-developer-experience-61ce108fa6b4?source=rss-e93d234beac6------2>)

Author: Yahor Urbanovich

Published: 2021-07-10T11:24:12Z

Content type: tutorial

Language: en

Sources: [Stories by Yahor Urbanovich on Medium](<https://devfeed.tech/sources/stories-by-yahor-urbanovich-on-medium.md>)

Topics: [Google Play](<https://devfeed.tech/topics/google-play.md>), [Android](<https://devfeed.tech/topics/android.md>), [App](<https://devfeed.tech/topics/app.md>), [Mobile](<https://devfeed.tech/topics/mobile.md>), [pixel](<https://devfeed.tech/topics/pixel.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [android-studio](<https://devfeed.tech/tags/android-studio.md>), [developer](<https://devfeed.tech/tags/developer.md>), [google-play](<https://devfeed.tech/tags/google-play.md>), [google-play-developer](<https://devfeed.tech/tags/google-play-developer.md>), [personal-experience](<https://devfeed.tech/tags/personal-experience.md>), [photoshop](<https://devfeed.tech/tags/photoshop.md>), [play-store](<https://devfeed.tech/tags/play-store.md>), [screenshots](<https://devfeed.tech/tags/screenshots.md>)

### AI overview

A developer shares a workflow for creating polished Google Play screenshots, comparing device-mockup tools and online services with a do-it-yourself approach using Google Play guidelines, Photoshop, mobile tools, and Android Studio.

### Source excerpt

Comparison of the initial and final result Every developer who has an application in Play Store worries about user engagement before the application install. This metric can be simply improved by adding beautiful and informative screenshots. I want to share my own experience of how I made it for my pet project. Let's begin. Originally I prepared screenshots for Google Play using a simple approach: Make a screenshot of the application Add it into Device Mockup to make it more natural Publish to Google Play For this purpose, I used Screener: https://play.google.com/store/apps/details?id=de.toastcode.screener&hl=en_US The tool is useful, contains a different amount of phone frames and manufacturers, and fully customizable. Screenshot after rendering The main lack for me that the application didn't update since 2018 and doesn't contain new Android devices, especially Google Pixel's latest model. Screener app info from Google PlayFind the other solutions. If you are lazy and don't want to spend your free time, the best way to organize screenshots is through online services. Few of them, which I have tried: https://mockups.pixeltrue.com/ 2. https://previewed.app/ 3. https://theapplaunchpad.com/ 4. https://screen.traction.one/ 5. https://www.launchmatic.app/ The main drawbacks of online services for me: To unlock more themes and functionalities you need to have paid subscription Limited customization Can't adjust the screenshot for mockup, the content cropped unexpectedly from different sides Some services focus only on iPhone or several Android devices How to deal with a problem? Do It Yourself! What we need: Official guidelines Adobe Photoshop and basic editing skills Creativity and inspiration Official Google Play guidelines: https://support.google.com/googleplay/android-developer/answer/9866151?hl=en The most important for us from the Screenshots section: Edit excess elements in the notification bar before submitting. Do not show service providers or notifications. The

## Access Selenium Test Screenshots on failed GitLab Pipeline Steps

DevFeed: [Access Selenium Test Screenshots on failed GitLab Pipeline Steps](<https://devfeed.tech/articles/access-selenium-test-screenshots-on-failed-gitlab-pipeline-steps-21373.md>)

Original publisher: [Read original article](<https://juri.dev/blog/2020/10/upload-failed-artifacts-gitlab/>)

Published: 2020-10-14T00:00:00Z

Content type: tutorial

Language: en

Sources: [Juri Strumpflohner](<https://devfeed.tech/sources/juri-strumpflohner.md>)

Topics: [GitLab](<https://devfeed.tech/topics/gitlab.md>), [Selenium](<https://devfeed.tech/topics/selenium.md>), [Docker](<https://devfeed.tech/topics/docker.md>)

Tags: [chrome](<https://devfeed.tech/tags/chrome.md>), [ci](<https://devfeed.tech/tags/ci.md>), [docker](<https://devfeed.tech/tags/docker.md>), [docker-image](<https://devfeed.tech/tags/docker-image.md>), [gitlab](<https://devfeed.tech/tags/gitlab.md>), [node](<https://devfeed.tech/tags/node.md>), [pipeline](<https://devfeed.tech/tags/pipeline.md>), [screenshots](<https://devfeed.tech/tags/screenshots.md>), [selenium](<https://devfeed.tech/tags/selenium.md>), [test](<https://devfeed.tech/tags/test.md>), [tooling](<https://devfeed.tech/tags/tooling.md>)

### AI overview

This tutorial explains how to configure GitLab pipeline artifacts to retain Selenium test screenshots when a CI step fails. It also mentions a Protractor-based end-to-end setup using a Cypress Docker image with Node.js and Chrome configuration.

### Source excerpt

Lorem ipsum dolor sit amet

## No More iOS Screenshots

DevFeed: [No More iOS Screenshots](<https://devfeed.tech/articles/no-more-ios-screenshots-19418.md>)

Original publisher: [Read original article](<https://www.codenameone.com/blog/no-more-ios-screenshots/>)

Author: Shai Almog

Published: 2018-08-28T00:00:00Z

Content type: article

Language: en

Sources: [CodeName One](<https://devfeed.tech/sources/codename-one.md>)

Topics: [iOS](<https://devfeed.tech/topics/ios.md>), [App](<https://devfeed.tech/topics/app.md>), [browser](<https://devfeed.tech/topics/browser.md>), [Xcode](<https://devfeed.tech/topics/xcode.md>), [iphone](<https://devfeed.tech/topics/iphone.md>)

Tags: [ios](<https://devfeed.tech/tags/ios.md>), [iphone](<https://devfeed.tech/tags/iphone.md>), [multitasking](<https://devfeed.tech/tags/multitasking.md>), [native](<https://devfeed.tech/tags/native.md>), [screenshots](<https://devfeed.tech/tags/screenshots.md>), [splash-screen](<https://devfeed.tech/tags/splash-screen.md>), [xcode](<https://devfeed.tech/tags/xcode.md>)

### AI overview

Codename One's iOS builds now disable screenshot generation by default. This enables apps with native peers, such as maps and browsers, to work from the first screen, while also simplifying the default splash screen and potentially reducing build time and binary size.

### Source excerpt

In February I wrote about a new/improved way to build for iOS without the screenshot process. That was a bit ahead of its time as the xib build didn't disable the screenshot process yet. This is now fixed and it's turned on by default now. That means that if you send an iOS build it won't go through the screenshot generation process. This means that apps with native peers in the first screen such as maps, browser etc. will start working with this coming update. It also means the splash screen of the application on iOS will be relatively simple by default. You can customize it using xcode to make it more appealing. The upside is things such as multi-tasking etc. will work correctly.

## Version 4.1 and Launch Screen Storyboards

DevFeed: [Version 4.1 and Launch Screen Storyboards](<https://devfeed.tech/articles/version-4-1-and-launch-screen-storyboards-19659.md>)

Original publisher: [Read original article](<https://www.codenameone.com/blog/version-4-1-launch-screen-storyboards/>)

Author: Shai Almog

Published: 2018-04-23T00:00:00Z

Content type: release

Language: en

Sources: [CodeName One](<https://devfeed.tech/sources/codename-one.md>)

Topics: [iOS](<https://devfeed.tech/topics/ios.md>), [Xcode](<https://devfeed.tech/topics/xcode.md>), [GUI](<https://devfeed.tech/topics/gui.md>)

Tags: [apple](<https://devfeed.tech/tags/apple.md>), [devices](<https://devfeed.tech/tags/devices.md>), [launch](<https://devfeed.tech/tags/launch.md>), [multitasking](<https://devfeed.tech/tags/multitasking.md>), [native](<https://devfeed.tech/tags/native.md>), [os](<https://devfeed.tech/tags/os.md>), [screenshots](<https://devfeed.tech/tags/screenshots.md>), [splash-screen](<https://devfeed.tech/tags/splash-screen.md>), [update](<https://devfeed.tech/tags/update.md>), [xcode](<https://devfeed.tech/tags/xcode.md>)

### AI overview

The article announces a Version 4.1 update and explains the move from launch images to launch-screen storyboards for iOS apps when using Xcode 9. It describes benefits including split-screen multitasking support, faster builds, smaller binaries, and better handling of native widgets.

### Source excerpt

This weekend we pushed out an update that also included new versions of the GUI builder and the designer. We didn't update the plugins but we still think it warrants the 4.1 version moniker even though we don't support it in versioned builds. Due to one of the enhancements we added in this update we had a regression in command behavior that we fixed with an update within a few hours.

## Updates and Happy New Year

DevFeed: [Updates and Happy New Year](<https://devfeed.tech/articles/updates-and-happy-new-year-19649.md>)

Original publisher: [Read original article](<https://www.codenameone.com/blog/updates-happy-new-year/>)

Author: Shai Almog

Published: 2017-12-19T00:00:00Z

Content type: article

Language: en

Sources: [CodeName One](<https://devfeed.tech/sources/codename-one.md>)

Topics: [ui](<https://devfeed.tech/topics/ui.md>), [App](<https://devfeed.tech/topics/app.md>)

Tags: [blog](<https://devfeed.tech/tags/blog.md>), [project](<https://devfeed.tech/tags/project.md>), [screenshots](<https://devfeed.tech/tags/screenshots.md>), [ui](<https://devfeed.tech/tags/ui.md>), [updates](<https://devfeed.tech/tags/updates.md>)

### AI overview

A holiday update from Codename One previews a project to clone the Uber UI and functionality, focusing on key use cases. The author is documenting the process in detail and hopes to publish the completed module around the end of the year or in January.

### Source excerpt

Happy holidays, Merry Christmas, happy new year to all. All of us here at Codename One hope you have a lovely vacation if you are taking one. As I mentioned before we are still working but only partially due to the holidays. We still got a lot of things out and have a lot more coming up. I will blog more about it in January. In the meantime, I'll leave another teaser for my current project...

## Firebase Test Lab December 2017 Update

DevFeed: [Firebase Test Lab December 2017 Update](<https://devfeed.tech/articles/firebase-test-lab-december-2017-update-16242.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2017/12/firebase-test-lab-december-2017-update>)

Author: Doug Stevenson

Published: 2017-12-12T00:00:00Z

Content type: release

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [Firebase](<https://devfeed.tech/topics/firebase.md>), [Android](<https://devfeed.tech/topics/android.md>), [Test coverage](<https://devfeed.tech/topics/coverage.md>), [test-coverage](<https://devfeed.tech/topics/test-coverage.md>), [Testing](<https://devfeed.tech/topics/testing.md>), [Script](<https://devfeed.tech/topics/script.md>), [APK](<https://devfeed.tech/topics/apk.md>), [App](<https://devfeed.tech/topics/app.md>), [JSON](<https://devfeed.tech/topics/json.md>)

Tags: [2017](<https://devfeed.tech/tags/2017.md>), [android](<https://devfeed.tech/tags/android.md>), [android-testing](<https://devfeed.tech/tags/android-testing.md>), [apk](<https://devfeed.tech/tags/apk.md>), [devices](<https://devfeed.tech/tags/devices.md>), [espresso](<https://devfeed.tech/tags/espresso.md>), [firebase](<https://devfeed.tech/tags/firebase.md>), [huawei](<https://devfeed.tech/tags/huawei.md>), [json](<https://devfeed.tech/tags/json.md>), [news](<https://devfeed.tech/tags/news.md>), [screenshots](<https://devfeed.tech/tags/screenshots.md>), [test-coverage](<https://devfeed.tech/tags/test-coverage.md>), [test-lab](<https://devfeed.tech/tags/test-lab.md>), [testing](<https://devfeed.tech/tags/testing.md>), [update](<https://devfeed.tech/tags/update.md>)

### AI overview

Firebase Test Lab's December 2017 update introduces Robo scripts for guiding automated Android tests through specific actions and screens, clusters screenshots by display characteristics, and adds several test devices.

### Source excerpt

News, tutorials, and updates from the Firebase team.

## Faster automated screenshots: fastlane's snapshot now supports multiple concurrent simulators

DevFeed: [Faster automated screenshots: fastlane's snapshot now supports multiple concurrent simulators](<https://devfeed.tech/articles/faster-automated-screenshots-fastlane-s-snapshot-now-supports-multiple-concurrent-simulators-16215.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2017/08/faster-automated-screenshots-fastlanes>)

Author: David Ohayon

Published: 2017-08-29T00:00:00Z

Content type: news

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [iOS](<https://devfeed.tech/topics/ios.md>), [Xcode](<https://devfeed.tech/topics/xcode.md>), [Mobile](<https://devfeed.tech/topics/mobile.md>), [releases](<https://devfeed.tech/topics/releases.md>)

Tags: [automated](<https://devfeed.tech/tags/automated.md>), [concurrent](<https://devfeed.tech/tags/concurrent.md>), [fabric](<https://devfeed.tech/tags/fabric.md>), [fastlane](<https://devfeed.tech/tags/fastlane.md>), [firebase](<https://devfeed.tech/tags/firebase.md>), [ios](<https://devfeed.tech/tags/ios.md>), [launch](<https://devfeed.tech/tags/launch.md>), [news](<https://devfeed.tech/tags/news.md>), [screenshots](<https://devfeed.tech/tags/screenshots.md>), [updates](<https://devfeed.tech/tags/updates.md>), [xcode](<https://devfeed.tech/tags/xcode.md>)

### AI overview

The article announces that fastlane's snapshot tool supports multiple concurrent iOS simulators in Xcode 9, allowing screenshots for specified devices to be generated simultaneously.

### Source excerpt

News, tutorials, and updates from the Firebase team.

## RAPPS Enchancements: GSoC 2017 Edition Volume 3 and 4

DevFeed: [RAPPS Enchancements: GSoC 2017 Edition Volume 3 and 4](<https://devfeed.tech/articles/rapps-enchancements-gsoc-2017-edition-volume-3-and-4-33004.md>)

Original publisher: [Read original article](<https://reactos.org/blogs/rapps-enchancements-gsoc-2017-edition-volume-3-and-4/>)

Published: 2017-07-21T00:00:00Z

Content type: opinion

Language: en

Sources: [Front Page on ReactOS Website](<https://devfeed.tech/sources/front-page-on-reactos-website.md>)

Topics: [ReactOS](<https://devfeed.tech/topics/reactos.md>), [App](<https://devfeed.tech/topics/app.md>), [dialog](<https://devfeed.tech/topics/dialog.md>), [C++](<https://devfeed.tech/topics/c-plus-plus.md>)

Tags: [2017](<https://devfeed.tech/tags/2017.md>), [app](<https://devfeed.tech/tags/app.md>), [bug](<https://devfeed.tech/tags/bug.md>), [c-plus-plus](<https://devfeed.tech/tags/c-plus-plus.md>), [dialog](<https://devfeed.tech/tags/dialog.md>), [download](<https://devfeed.tech/tags/download.md>), [free](<https://devfeed.tech/tags/free.md>), [gsoc](<https://devfeed.tech/tags/gsoc.md>), [improvements](<https://devfeed.tech/tags/improvements.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [os](<https://devfeed.tech/tags/os.md>), [queue](<https://devfeed.tech/tags/queue.md>), [react](<https://devfeed.tech/tags/react.md>), [reactos](<https://devfeed.tech/tags/reactos.md>), [screenshots](<https://devfeed.tech/tags/screenshots.md>), [translation](<https://devfeed.tech/tags/translation.md>), [win32](<https://devfeed.tech/tags/win32.md>), [winapi](<https://devfeed.tech/tags/winapi.md>)

### AI overview

A GSoC 2017 progress update for ReactOS's RAPPS application manager. The update describes a modeless download dialog, simultaneous app downloads, translation and license information, multi-selection for batch installation, a flicker bug fix, and ongoing conversion of RAPPS code to C++.

### Source excerpt

Whoosh! Two weeks flew by in no time! Fortunately, I've done many things and have some screenshots to show! Before we start, I have an anouncement: I'm going to Hackfest and FroSCon this August! I may not be very useful there, but I can discuss things related to the project, meet my mentor Mark Jansen and other devs. I will also learn from the ReactOS developers and FrOSCon workshops.

[Next page](<https://devfeed.tech/tags/screenshots.md?cursor=WyIyMDE3LTA3LTIxVDAwOjAwOjAwKzAwOjAwIiwgIjI4NjU0MjNhLWYxZTUtNDI3Ni05ODQ3LWZjODE2YzM1MTY4YiJd>)