By
Our December sequence – “Countdown to The New Yr: 31 Days of Ember Addons” goals to focus on a brand new addon every day till the brand new yr, and we hope you get pleasure from listening to about addons that carry us pleasure as nicely!
Day 15
On the fifteenth day of our Countdown to The New Yr we wish to try a useful Ember addon which lets us write redesign-proof assessments: ember-test-selectors!
What It Does
ember-test-selectors is an addon that enables us to make use of further, test-specific markup within the type of data-test
attributes within the dev and take a look at environments of our app. This extra, test-specific markup permits us to pick out parts in our integration and utility assessments reliably – even when the HTML markup or CSS selectors change throughout a redesign of our app.
The addon takes care of eradicating data-test
attributes from our manufacturing builds routinely, releasing us from the fear that our bundle dimension may improve as we construct and take a look at away.
Why I Like It
If we solely depend on CSS selectors or HTML markup to search out parts in take a look at circumstances, altering markup in our templates because of new design specs could make our assessments fail by accident. Check selectors utilized by ember-test-selectors outlive a redesign and make our take a look at suite return fewer false positives.
When we do not have to fret about testing our app after a redesign, we even have extra enjoyable tweaking our app’s design for a brand new look!
Test it out for your self! Do you utilize this or different enjoyable testing addons? Allow us to and the Ember neighborhood know within the feedback under!