tree: 1d3d453459ff406836082db89f8fe856c9cfd691 [path history] [tgz]
  1. config/
  2. release/
  3. src/
  4. .eslintignore
  5. .eslintrc.js
  6. .gitignore
  7. .prettierignore
  8. .prettierrc.yml
  9. build
  10. BUILD.gn
  11. build.js
  12. eslint
  13. eslint-all
  14. node
  15. npm
  16. OWNERS
  17. package.json
  18. pnpm
  19. pnpm-lock.yaml
  20. PRESUBMIT.py
  21. prettier
  22. prettier-all
  23. README.md
  24. run-all-tests
  25. run-dev-server
  26. run-integrationtests
  27. run-unittests
  28. tsconfig.base.json
  29. tsconfig.json
ui/README.md

Perfetto UI

Quick Start

$ git clone https://android.googlesource.com/platform/external/perfetto/
$ cd perfetto

# Install build dependencies
tools/install-build-deps --ui

# Will build into ./out/ui by default. Can be changed with --out path/
# The final bundle will be available at ./ui/out/dist/.
# The build script creates a symlink from ./ui/out to $OUT_PATH/ui/.
ui/build

# This will automatically build the UI. There is no need to manually run
# ui/build before running ui/run-dev-server.
ui/run-dev-server

Then navigate to http://localhost:10000.

See also https://perfetto.dev/docs/contributing/build-instructions#ui-development

Unit tests

ui/run-unittests  # Add --watch to run them in watch mode.

Integration tests (browser screenshot difftests)

run-integrationtests

To rebaseline screenshots after a UI change

ui/run-integrationtests --rebaseline

tools/test_data upload

git add -A

git commit

See also https://perfetto.dev/docs/contributing/testing#ui-pixel-diff-tests