Invalid HTML

Issues related to changes in page structure in your snapshots during the visual testing process.

If you observe changes in the page structure in your snapshots it’s likely because there is invalid HTML present in the DOM snapshot. For example, placing a <div> inside of a <button> element is not valid HTML. When a browser re-renders an HTML page with invalid DOM, the browser will correct it.

The only solution is to ensure that you create valid HTML that adheres to the specifications. It’s important to note that Percy does not correct the invalid HTML; rather, it’s the browser(s) that handle this correction.

Reference Topic

• Percy Common - FAQs