html-eslint-eslint-update-timestamp

A painting is a person's account of this edit as text, recorded independently of the node mapping - a rendering often has several equally defensible answers where the mapping has one. Deletions and insertions carry no position on the opposite side in a painting, so that panel draws no caret for them.

Before…lines 1–114 unchanged (114 lines)
      </style>
  </head>
  <body>
      <div id="overview" class="bg-2">
          <h1>ESLint Report</h1>
          <div>
              <span>8 problems (4 errors, 4 warnings)</span> - Generated on Fri Jun 27 2025 20:37:32 GMT+0000 (Coordinated Universal Time)
          </div>
      </div>
      <table>
          <tbody>
              <tr class="bg-2" data-group="f-0">
  <th colspan="4">
…lines 128–220 unchanged (93 lines)

After…lines 1–114 unchanged (114 lines)
      </style>
  </head>
  <body>
      <div id="overview" class="bg-2">
          <h1>ESLint Report</h1>
          <div>
              <span>8 problems (4 errors, 4 warnings)</span> - Generated on Tue Jul 01 2025 20:11:40 GMT+0000 (Coordinated Universal Time)
          </div>
      </div>
      <table>
          <tbody>
              <tr class="bg-2" data-group="f-0">
  <th colspan="4">
…lines 128–220 unchanged (93 lines)

Before…lines 1–114 unchanged (114 lines)
      </style>
  </head>
  <body>
      <div id="overview" class="bg-2">
          <h1>ESLint Report</h1>
          <div>
              <span>8 problems (4 errors, 4 warnings)</span> - Generated on Fri Jun 27 2025 20:37:32 GMT+0000 (Coordinated Universal Time)
          </div>
      </div>
      <table>
          <tbody>
              <tr class="bg-2" data-group="f-0">
  <th colspan="4">
…lines 128–220 unchanged (93 lines)

After…lines 1–114 unchanged (114 lines)
      </style>
  </head>
  <body>
      <div id="overview" class="bg-2">
          <h1>ESLint Report</h1>
          <div>
              <span>8 problems (4 errors, 4 warnings)</span> - Generated on Tue Jul 01 2025 20:11:40 GMT+0000 (Coordinated Universal Time)
          </div>
      </div>
      <table>
          <tbody>
              <tr class="bg-2" data-group="f-0">
  <th colspan="4">
…lines 128–220 unchanged (93 lines)

Before

document

doctype

<! "<!"

doctype "DOCTYPE"

> ">"

element

start_tag

< "<"

tag_name "html"

> ">"

element (+100 nodes collapsed)

element

start_tag

< "<"

tag_name "body"

> ">"

element

start_tag

< "<"

tag_name "div"

attribute

attribute_name "id"

= "="

quoted_attribute_value

" "\""

attribute_value "overview"

" "\""

attribute

attribute_name "class"

= "="

quoted_attribute_value

" "\""

attribute_value "bg-2"

" "\""

> ">"

element

start_tag

< "<"

tag_name "h1"

> ">"

text "ESLint Report"

end_tag

</ "</"

tag_name "h1"

> ">"

element

start_tag

< "<"

tag_name "div"

> ">"

element

start_tag

< "<"

tag_name "span"

> ">"

text "8 problems (4 errors, 4 warnings)"

end_tag

</ "</"

tag_name "span"

> ">"

text "- Generated on Fri Jun 27 2025 20:37:32 GMT+0000 (Coordinate"...

end_tag

</ "</"

tag_name "div"

> ">"

end_tag

</ "</"

tag_name "div"

> ">"

element (+885 nodes collapsed)

script_element

start_tag

< "<"

tag_name "script"

attribute

attribute_name "type"

= "="

quoted_attribute_value

" "\""

attribute_value "text/javascript"

" "\""

> ">"

raw_text "\n var groups = document.querySelectorAll(\"tr[data"...

end_tag

</ "</"

tag_name "script"

> ">"

end_tag

</ "</"

tag_name "body"

> ">"

end_tag

</ "</"

tag_name "html"

> ">"

After

document

doctype

<! "<!"

doctype "DOCTYPE"

> ">"

element

start_tag

< "<"

tag_name "html"

> ">"

element (+100 nodes collapsed)

element

start_tag

< "<"

tag_name "body"

> ">"

element

start_tag

< "<"

tag_name "div"

attribute

attribute_name "id"

= "="

quoted_attribute_value

" "\""

attribute_value "overview"

" "\""

attribute

attribute_name "class"

= "="

quoted_attribute_value

" "\""

attribute_value "bg-2"

" "\""

> ">"

element

start_tag

< "<"

tag_name "h1"

> ">"

text "ESLint Report"

end_tag

</ "</"

tag_name "h1"

> ">"

element

start_tag

< "<"

tag_name "div"

> ">"

element

start_tag

< "<"

tag_name "span"

> ">"

text "8 problems (4 errors, 4 warnings)"

end_tag

</ "</"

tag_name "span"

> ">"

text "- Generated on Tue Jul 01 2025 20:11:40 GMT+0000 (Coordinate"...

end_tag

</ "</"

tag_name "div"

> ">"

end_tag

</ "</"

tag_name "div"

> ">"

element (+885 nodes collapsed)

script_element

start_tag

< "<"

tag_name "script"

attribute

attribute_name "type"

= "="

quoted_attribute_value

" "\""

attribute_value "text/javascript"

" "\""

> ">"

raw_text "\n var groups = document.querySelectorAll(\"tr[data"...

end_tag

</ "</"

tag_name "script"

> ">"

end_tag

</ "</"

tag_name "body"

> ">"

end_tag

</ "</"

tag_name "html"

> ">"

Keybindings

j / k: next / previous visible node (tree panels)
h / l: collapse / expand the focused node
g / G: jump to first / last visible node
Tab: switch focus between Before/After panels
/: search: jump to next node whose text contains a given string
a: jump the other panel to this node's mapped counterpart
i: hide identical matches, showing only inserted/deleted/updated nodes and their ancestors
v: cycle the view: split / code only / tree only
p: cycle what the code view renders: the node mapping, then each human painting
r: mark this fixture as reviewed, or forget the mark (kept in this browser only)
n: open a random fixture not yet marked as reviewed
?: toggle this help