Google GitGoogle Git
Sign in
chromium/devtools/devtools-frontend/45cbe1e908a64c3dd63590164d60f89d3952f1f5
commit
45cbe1e908a64c3dd63590164d60f89d3952f1f5
[log]
author
Alex Rudenko <alexrudenko@chromium.org>
Fri Sep 11 12:01:54 2026
committer
devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com <devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com>
Mon Sep 14 11:46:21 2026
tree
6a0af4cfe50ae2712b5a7930db1569850a9140d3
parent
c489b3c74913d7f30070ef7f6aabcf66c717111a [diff]
Add DOMTreeWidget unit test screenshots for tree states

This adds comprehensive unit test screenshots for DOMTreeWidget
covering expanding, collapsing, editing, and highlighting states
in both default and declarative tree modes.

To prevent test flakiness, animations and cursor blinking in
CodeMirror editors are suppressed during screenshot capture,
and editing sessions are properly cleaned up in try-finally blocks.

Bug: None
Change-Id: I35a9498b246473aecd7796e652b678710f77d7f4
TAG=agy
CONV=f3591f15-4c69-4118-b344-66c0be2bd68e
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/8395208
Auto-Submit: Alex Rudenko <alexrudenko@chromium.org>
Reviewed-by: Wolfgang Beyer <wolfi@chromium.org>
Commit-Queue: Alex Rudenko <alexrudenko@chromium.org>
14 files changed
tree: 6a0af4cfe50ae2712b5a7930db1569850a9140d3
  1. .agents/
  2. .gemini/
  3. .github/
  4. .vscode/
  5. build_overrides/
  6. config/
  7. docs/
  8. extension-api/
  9. extensions/
  10. front_end/
  11. inspector_overlay/
  12. mcp/
  13. node_modules/
  14. scripts/
  15. test/
  16. third_party/
  17. v8/
  18. build
  19. buildtools
  20. .clang-format
  21. .clang-format-ignore
  22. .editorconfig
  23. .env.template
  24. .geminiignore
  25. .git-blame-ignore-revs
  26. .gitallowed
  27. .gitattributes
  28. .gitignore
  29. .gitmodules
  30. .gn
  31. .mailmap
  32. .npmignore
  33. .npmrc
  34. .style.yapf
  35. .stylelintignore
  36. .stylelintrc.json
  37. AUTHORS
  38. BUILD.gn
  39. codereview.settings
  40. CONTRIBUTING.md
  41. DEPS
  42. DIR_METADATA
  43. eslint.config.mjs
  44. favicon.ico
  45. LICENSE
  46. OWNERS
  47. package-lock.json
  48. package.json
  49. PRESUBMIT.py
  50. README.md
  51. SECURITY.md
  52. WATCHLISTS
README.md

Chrome DevTools frontend

npm package

The client-side of the Chrome DevTools, including all TypeScript & CSS to run the DevTools webapp.

Source code and documentation

The frontend is available on chromium.googlesource.com. Check out the Chromium DevTools documentation for instructions to set up, use, and maintain a DevTools front-end checkout, as well as design guidelines, and architectural documentation.

Source mirrors

DevTools frontend repository is mirrored on GitHub.

DevTools frontend is also available on NPM as the chrome-devtools-frontend package. It's not currently available via CJS or ES modules, so consuming this package in other tools may require some effort.

The version number of the npm package (e.g. 1.0.373466) refers to the Chromium commit position of latest frontend git commit. It's incremented with every Chromium commit, however the package is updated roughly daily.

Getting in touch

There are a few options to keep an eye on the latest and greatest of DevTools development: