Troubleshoot - Ember

Issues with Percy Ember SDK during the visual testing process.

Ember is a powerful JavaScript framework for creating ambitious web applications. This page describes how to troubleshoot various issues when using Percy Ember SDK during the visual testing process.

Content inserted outside of #ember-testing

Percy’s SDKs work by cloning the DOM of the application. Since Ember’s test harness renders the application within the same DOM as the test result UI, the Percy Ember SDK must perform some tasks to remove the test UI from the DOM. By removing the test result UI, we ensure that only the application’s content is captured in the screenshot, without any interference from the test UI.

As a result of this DOM modification, it’s important to ensure that any external assets or content are included inside the #ember-testing div which serves as the root of the Ember application.

Missing fonts in Percy

Make sure that your tests/index.html mirrors your main index.html file. You should include any fonts or external stylesheets in both places.

Reference Topic

• Percy Common - FAQs