Automatic screenshot generation for Marketing & Tests #217

M123-dev · 2021-02-18T07:04:34Z

What

We have around 80 languages in which we have products.
We have around 5 screenshots to make
A screenshot might need up to 10 scanned products.
The time to produce local feeling screenshots that are up to date with the current UI is tremendous.
And yet: “a majority of potential users will not read through the whole app description to find out, what your app is about. 50% of users make their purchase decisions based on the first impression”

Tasks

Write UI test to create the screenshots

Give feedback

Write UI test to create a screenshot of scan mode #1447

P5 scan card 📢 Screenshot generation 🤳🥫 Scan 🧪 Tests
Write UI test to create a screenshot of the product page #1449

P5 📢 Screenshot generation 🧪 Tests
Write UI test to create a screenshot of history #1446

P5 history 📢 Screenshot generation 🧪 Tests
Write UI test to create a screenshot of personal search settings #1448

P5 ⚙️ Settings 📢 Screenshot generation 🧪 Tests
Add a step to Screenshot generation UI tests to clean the top bar #1596

📢 Screenshot generation
Add screenshot generation to GitHub Actions pipeline #1433

P5 📢 Screenshot generation
Options

Other tasks

Automate adding frames and slogans around screenshots
- fastlane frameit
Set up translation of slogans with Crowdin
Automate the deployment of manually-taken screenshots with Fastlane #539

How

Design doc
Since Fastlane has no direct support for flutter screenshots, I think this could help.
https://medium.com/@nocnoc/automated-screenshots-for-flutter-f78be70cd5fd
https://github.com/mmcc007/screenshots
https://docs.fastlane.tools/getting-started/ios/screenshots/

Part of

Automation of the release process (for marketing assets) #536

The text was updated successfully, but these errors were encountered:

rolandgeider · 2021-04-23T13:55:56Z

Judging from the issues in the repo, it seems the package is not maintained anymore, which is a pity

M123-dev · 2021-04-23T15:01:06Z

@rolandgeider oh that's a shame, have you found an alternative for your project?

rolandgeider · 2021-04-23T15:11:05Z

sadly not, but I also haven't looked much into it. It's somehow possible to save the current screen contents to a file, but nothing so easy as that package, I was hoping you guys would have some ideas 😅

M123-dev · 2021-04-23T15:15:33Z

@rolandgeider I have not yet dealt with the topic much more either, if I find a solution I will let you know.

rolandgeider · 2021-04-24T12:05:43Z

FYI, I have found this which looks promising, using only the flutter driver: https://medium.com/flutter-community/testing-flutter-ui-with-flutter-driver-c1583681e337

however it seems flutter_driver and flutter_launcher_icons have dependency incompatibilities 🙄 so I couldn't test it

M123-dev · 2021-04-27T08:01:39Z

@rolandgeider I don't think we have a real alternative to the screenshot package.

Currently only a not merged fork supports null-safety. Its not future proof but its probably the best way to go for now.

M123-dev · 2021-06-09T09:31:58Z

Someone suggested to transfer the package to the FlutterCommunity, hopefully it gets accepted.

fluttercommunity/community#74

monsieurtanuki · 2021-07-06T06:36:06Z

For the record, in another project I developed a shell that can change the language of the iOS simulator and run tests - which include screenshots.
Basically, on a mac book and not 100% automatic but I just have to start the right simulator and run the shell: all the screenshots of all languages will be created for that simulator. Then do it again for the other 2 screen configurations/simulators needed in the AppStore.

M123-dev · 2021-07-22T11:24:20Z

Two days ago in the fellowship frontend workgroup sync @gspencergoog mentioned screenshot tests. That gave me the idea that we might be able to abuse a screenshot testing tool to generate screenshots for fastlane. I couldn't find the one he mentioned but golden_toolkit (by ebay) looks very promising.

A article with some additional information: https://medium.com/flutter-community/flutter-screenshot-testing-as-a-solid-ui-regression-tool-630221a621e4

gspencergoog · 2021-07-22T14:53:08Z

The one Flutter uses is Skia Gold. I don't think we can use their servers directly, unless we want to just use their code and set up our own instance that uses Google Cloud (it is open source, at least). I could ask the Skia team how hard/expensive it is to set up if you like.

monsieurtanuki · 2021-07-22T14:56:15Z

Anyway we need iOS screenshots (minimum is one in 3 different screen sizes in English), without that it's not possible to have it in the AppStore (maybe OK in TestFlight, though).

M123-dev · 2021-07-22T15:14:43Z

@gspencergoog thanks for the offer, but I think it is easier and more uniform to do the process (at least for generations not for tests) with the goolden_toolkit and github actions.

We only have to think about if plain screenshots are to booring and if so how we edit them.

monsieurtanuki · 2021-07-22T15:16:06Z

Hey @M123-dev, you're supposed to be on vacation! ;)

gspencergoog · 2021-07-22T16:39:08Z

@M123-dev That makes sense.

teolemon · 2022-02-06T10:35:59Z

@monsieurtanuki note: I've managed to automate running the Screenshot tests suites on GitHub Actions for the classic apps, so we can run them on all platforms without blocking a personal computer

monsieurtanuki · 2022-02-06T10:40:56Z

@teolemon That means classic Android and classic iOS apps, but not flutter so far, right?

Impacted files: * `pubspec.lock`: impacted by `pubspec.yaml`. * `pubspec.yaml`: upgraded the version numbers.

Impacted files: * `main.dart`: added a comment. * `screenshot_driver.dart`: removed a "forbidden" `print` statement.

…openfoodfacts#217

New files: * `app_test.dart`: Onboarding screenshots. * `screenshot_driver.dart`: Screenshot driver. Impacted files: * `analytics_helper.dart`: added a special case for screenshot init. * `main.dart`: refactored for screenshots, and more specifically moved init code to be run before calling the app. * `next_button.dart`: added a `Key` for test/screenshots * `Podfile.lock`: wtf * `pubspec.lock`: impacted by `pubspec.yaml` * `pubspec.yaml`: added integration_test and flutter_driver to dev_dependencies; upgraded the version numbers.

Something like ``` flutter drive --driver=test_driver/screenshot_driver.dart --target=integration_test/app_test.dart \ --dart-define=LANGUAGE=fr --dart-define=COUNTRY=FR --dart-define=PLATFORM=ios --dart-define=DEVICE=iPhone8Plus ``` Impacted files: * `app_test.dart`: added shell parameters * `Podfile.lock`: wtf * `pubspec.lock`: wtf

g123k · 2022-09-08T06:48:03Z

Mmm why I am assigned to this issue?

teolemon · 2022-09-08T08:33:06Z

unsure, fixing this

M123-dev added the fastlane Automation of releases and marketing assets deployment label Feb 18, 2021

M123-dev added this to the V0.9 - Soft launch milestone Jun 26, 2021

monsieurtanuki mentioned this issue Jul 22, 2021

Decide which issues are release blockers for the public beta of Smoothie #437

Closed

stephanegigandet modified the milestones: V0.9 - Soft launch, V0.9 - Soft launch - Must do Jul 22, 2021

teolemon added the 📢 Screenshot generation label Aug 24, 2021

teolemon changed the title ~~Automatic screenshot generation for play / app store~~ Automatic screenshot generation for Play / App Store Aug 24, 2021

M123-dev mentioned this issue Oct 3, 2021

Automation of the release process (for marketing assets) #536

Closed

5 tasks

teolemon added the hacktoberfest label Oct 13, 2021

M123-dev modified the milestones: V0.9 - Soft launch - Must do, V 1 Dec 28, 2021

teolemon added this to 🤳🥫 The Open Food Facts mobile app (Android & iOS) Jan 7, 2022

M123-dev removed this from the V 1 milestone Jan 15, 2022

teolemon moved this to Todo in 🤳🥫 The Open Food Facts mobile app (Android & iOS) Jan 23, 2022

monsieurtanuki mentioned this issue Apr 10, 2022

feat: #217 - onboarding screenshot generation. #1529

Merged

monsieurtanuki added a commit to monsieurtanuki/smooth-app that referenced this issue Apr 10, 2022

feat: openfoodfacts#217 - merge conflict fix.

ea99b2f

Impacted files: * `pubspec.lock`: impacted by `pubspec.yaml`. * `pubspec.yaml`: upgraded the version numbers.

monsieurtanuki added a commit to monsieurtanuki/smooth-app that referenced this issue Apr 10, 2022

Merge branch 'develop' into feat/openfoodfacts#217

f27c45b

teolemon linked a pull request Apr 10, 2022 that will close this issue

feat: #217 - onboarding screenshot generation. #1529

Merged

teolemon removed a link to a pull request Apr 10, 2022

feat: #217 - onboarding screenshot generation. #1529

Merged

monsieurtanuki added a commit to monsieurtanuki/smooth-app that referenced this issue Apr 10, 2022

feat: openfoodfacts#217 - after code review.

7a46adb

Impacted files: * `main.dart`: added a comment. * `screenshot_driver.dart`: removed a "forbidden" `print` statement.

monsieurtanuki added a commit to monsieurtanuki/smooth-app that referenced this issue Apr 10, 2022

Merge remote-tracking branch 'origin/feat/openfoodfacts#217' into feat/…

8fcb62a

…openfoodfacts#217

teolemon modified the milestones: V1, V2 Apr 11, 2022

github-actions bot mentioned this issue Apr 11, 2022

chore(develop): release 1.0.0 #962

Closed

monsieurtanuki mentioned this issue Apr 11, 2022

feat: #217 - added shell parameters to screenshot generation #1548

Merged

teolemon linked a pull request Apr 17, 2022 that will close this issue

feat: Automate the generation of screenshots for iOS and Android in various languages & screensizes #1208

Closed

10 tasks

teolemon mentioned this issue Apr 17, 2022

Add a step to Screenshot generation UI tests to clean the top bar #1596

Closed

2 tasks

teolemon added this to 📢 Open Food Facts Marketing Apr 28, 2022

monsieurtanuki removed their assignment May 11, 2022

teolemon changed the title ~~Automatic screenshot generation for Play / App Store~~ Automatic screenshot generation for Marketing & Tests Jul 8, 2022

teolemon modified the milestones: V2, Week 34 and 35 Aug 25, 2022

teolemon assigned g123k Aug 25, 2022

teolemon removed this from the Week 34 and 35 milestone Aug 30, 2022

teolemon unassigned g123k Sep 8, 2022

teolemon closed this as completed Dec 15, 2023

github-project-automation bot moved this from Todo (ready 2 dev) to Done in 🤳🥫 The Open Food Facts mobile app (Android & iOS) Dec 15, 2023

github-project-automation bot moved this to Done in 📢 Open Food Facts Marketing Dec 15, 2023

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Automatic screenshot generation for Marketing & Tests #217

Automatic screenshot generation for Marketing & Tests #217

M123-dev commented Feb 18, 2021 •

edited by teolemon

Loading

Write UI test to create the screenshots

rolandgeider commented Apr 23, 2021

M123-dev commented Apr 23, 2021

rolandgeider commented Apr 23, 2021

M123-dev commented Apr 23, 2021

rolandgeider commented Apr 24, 2021

M123-dev commented Apr 27, 2021

M123-dev commented Jun 9, 2021

monsieurtanuki commented Jul 6, 2021

M123-dev commented Jul 22, 2021

gspencergoog commented Jul 22, 2021

monsieurtanuki commented Jul 22, 2021

M123-dev commented Jul 22, 2021

monsieurtanuki commented Jul 22, 2021

gspencergoog commented Jul 22, 2021

teolemon commented Feb 6, 2022

monsieurtanuki commented Feb 6, 2022

g123k commented Sep 8, 2022

teolemon commented Sep 8, 2022

Automatic screenshot generation for Marketing & Tests #217

Automatic screenshot generation for Marketing & Tests #217

Comments

M123-dev commented Feb 18, 2021 • edited by teolemon Loading

What

Tasks

Write UI test to create the screenshots

Other tasks

How

Part of

rolandgeider commented Apr 23, 2021

M123-dev commented Apr 23, 2021

rolandgeider commented Apr 23, 2021

M123-dev commented Apr 23, 2021

rolandgeider commented Apr 24, 2021

M123-dev commented Apr 27, 2021

M123-dev commented Jun 9, 2021

monsieurtanuki commented Jul 6, 2021

M123-dev commented Jul 22, 2021

gspencergoog commented Jul 22, 2021

monsieurtanuki commented Jul 22, 2021

M123-dev commented Jul 22, 2021

monsieurtanuki commented Jul 22, 2021

gspencergoog commented Jul 22, 2021

teolemon commented Feb 6, 2022

monsieurtanuki commented Feb 6, 2022

g123k commented Sep 8, 2022

teolemon commented Sep 8, 2022

M123-dev commented Feb 18, 2021 •

edited by teolemon

Loading