How to test that CSS is being included by an addon

@samselikoff wrote:

I’m trying to add a test to Ember CLI Tailwind that verifies the addon correctly builds tailwind.css and adds it to the host app.

Some of our existing tests verify that a vendor css file is included, or that certain JS modules are included. I put a debugger here and poked around the addon and output variables, but couldn’t find where I might assert against the built css file.

The file that ends up in the build is tailwind.css which needs to be @import'ed somehow by the host app. Ideally my test would be,

GIVEN a new ember app with config of `ENV['ember-cli-tailwind'].buildTarget = 'app'`
WHEN I build the app
THEN I expect the file `tailwind.css` to be in the build

Also, even better would be to assert against the contents of that css file, for example to ensure the build was using the correct config values (e.g. colors) that the host app provides.

Thanks for any help!

Posts: 1

Participants: 1

Read full topic