Our December series-“New Year’s Countdown: 31 Days Ember Plug-in” aims to highlight that there is a new plug-in every day before the new year, and we hope you enjoy hearing the plug-ins that bring us joy!
On our 15th day New Year’s Countdown We want to see a useful Ember plugin that allows us to write Redesign proof test: Embers test selector!
What can it do
ember-test-selectors is a plugin that allows us to use additional, test-specific markers in the form of
data-test Properties in the development and testing environment of our application. This additional, test-specific markup allows us to reliably select elements in integration and application testing—even if the HTML markup or CSS selector changes during our application redesign.
The plugin is responsible for deleting
data-test The attributes are automatically generated from our production build, so that we don’t have to worry about our package size may increase as we build and test.
Why i like it
If we only rely on CSS selectors or HTML tags to find elements in a test case, changing the tags in the template due to new design specifications may make our test fail unexpectedly. The test selectors applied by ember-test-selectors last longer than the redesigned ones and make our test suite return fewer false positives.
When we don’t have to worry about testing our app after redesigning, we can also have more fun by adjusting the design of the app to get a new look!
Check it yourself! Do you use this or other interesting test plugins? Let us and the Ember community know in the comments below!