Google Git
Sign in
fuchsia/third_party/github.com/google/perfetto/refs/heads/upstream/dev/sg/virtual-modules/./ui
tree: 79d544527c594392961f9347f0d450c2e2e01329
  1. config/
  2. playwright/
  3. release/
  4. scripts/
  5. src/
  6. vite/
  7. .eslintrc.js
  8. .gitignore
  9. .prettierignore
  10. .prettierrc.yml
  11. build
  12. BUILD.gn
  13. build.mjs
  14. eslint
  15. eslint.config.js
  16. format-sources
  17. node
  18. npm
  19. package.json
  20. playwright.config.ts
  21. pnpm
  22. pnpm-lock.yaml
  23. prettier
  24. README.md
  25. run-all-tests
  26. run-dev-server
  27. run-integrationtests
  28. run-unittests
  29. tsconfig.base.json
  30. tsconfig.json
  31. vite.config.mjs
  32. vitest.config.mjs
ui/README.md

Perfetto UI

Quick Start

$ git clone https://github.com/google/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/ui-getting-started

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