https://github.com/mnoorenberghe/mozscreenshots

Take screenshots of Mozilla applications in various UI configurations
https://github.com/mnoorenberghe/mozscreenshots

firefox image-comparison imagemagick mozilla screenshot treeherder ui-testing

Last synced: 3 months ago
JSON representation

Take screenshots of Mozilla applications in various UI configurations

• Host: GitHub
• URL: https://github.com/mnoorenberghe/mozscreenshots
• Owner: mnoorenberghe
• License: other
• Created: 2013-06-18T01:09:08.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2024-05-21T07:05:06.000Z (9 months ago)
• Last Synced: 2024-09-16T10:39:03.895Z (5 months ago)
• Topics: firefox, image-comparison, imagemagick, mozilla, screenshot, treeherder, ui-testing
• Language: JavaScript
• Homepage: https://screenshots.mattn.ca/compare/
• Size: 315 KB
• Stars: 18
• Watchers: 4
• Forks: 10
• Open Issues: 9
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# mozscreenshots

Take screenshots of Mozilla applications in various UI configurations.

The tool will setup the browser in every possible combination of the specified configuration sets (e.g. `WindowSize`) and take a screenshot. Note that the order of the sets affects the order that the configurations are setup. If no sets are specified, the default is: `TabsInTitlebar Tabs WindowSize Toolbars LightweightThemes`.

Note that the extension (XPI) code has mostly moved to https://dxr.mozilla.org/mozilla-central/source/browser/tools/mozscreenshots/mozscreenshots/extension/

[Documentation on MDN](https://developer.mozilla.org/en-US/docs/Mozilla/QA/Browser_screenshots)

# dependencies

* `mozrunner` (mozscreenshots subclasses mozrunner for standalone execution only)

* `compare` and `convert` from ImageMagick for `compare_screenshots`

* `apngasm`(optional) to generate animated PNG comparison images

# capturing screenshots from mozilla source

    mach mochitest --subsuite screenshots

    mach mochitest --subsuite screenshots --setenv MOZSCREENSHOTS_SETS=DevTools

    mach mochitest --subsuite screenshots --setenv MOZSCREENSHOTS_SETS=DevEdition,TabsInTitlebar,Tabs,WindowSize,Toolbars

# capturing screenshots from the standalone executable (not recently tested)

To output the list of valid sets, use `--list-sets`.

## installation

    pip install -U mozscreenshots

## after installation:

    mozscreenshots -b /Applications/Firefox.app/Contents/MacOS/firefox [sets]

## examples

    mozscreenshots -b /Applications/Nightly.app/Contents/MacOS/firefox Tabs WindowSize LightweightThemes

    mozscreenshots -b /c/Program\ Files\ \(x86\)/Mozilla\ Firefox/firefox.exe SystemTheme WindowSize Toolbars

    mozscreenshots -b ~/nightly/firefox Tabs WindowSize Toolbars LightweightThemes

# output

The screenshots can be found in the following directories for now (issue 9 will make them configurable):

* In `MOZ_UPLOAD_DIR` if the environment variables is defined

* `/%TmpD%/mozscreenshots/` (a temporary directory which is output at the before capturing begins)

# caveats

* The `SystemTheme` configuration attempts to change the Windows theme while the application is running which doesn't always work correctly. The alternative is to manually change the Windows theme before a run and not including the `SystemTheme` set.

* On OS X, if you have another instance of the binary running from the same path (e.g. with a different profile), the wrong application may be captured. You can use a symlink to workaround the issue.

* There is no attempt to reset the profile or system theme back to their original value after a run. The Windows theme can be re-set manually and runs shouldn't be performed on a user's default profile.

# fetching images from automation

Use `fetch_screenshots` to fetch screenshots from Mozilla automation (e.g. Try server):

    pip install -U mozscreenshots

    fetch_screenshots -n 2017-01-17

    fetch_screenshots --project mozilla-central -r 3e275d37a06236981bff399b7d7aa0646be3fee7

    fetch_screenshots -r 

# comparing images for changes

Use `compare_screenshots` to compare image files or directories (recursively) using ImageMagick. System UI

(e.g. the clock and taskbar) is cropped out of the images when necessary so they aren't included in

image comparisons and generate false positives.

    pip install -U mozscreenshots

    compare_screenshots  mozilla-central/08138045c38c/ try/5f6ca9194dd9/

# web UI

https://screenshots.mattn.ca/compare/