tailwind.config.js

const IS_DEV = process.env.NODE_ENV === 'development';

let environmentSafelist = [];
if (IS_DEV) {
  environmentSafelist.push({
    pattern: /.+/, // allow everything
  });
}

module.exports = {
  content: [
    "./index.html",
    "./app/**/*.{hbs,js,html}"
  ],
  safelist: [
    'active',
    ...environmentSafelist
  ]
}

That is a good point. I updated the gist to only change for dev, not test. I like to use Percy for visual diff testing and that would have a reasonable chance of catching issues like this.

Yea I'm with you. Unfortunately, Percy doesn't work for companies that only allow self hosted services because of security reasons.
I wish there was a good self hosted solution.

I built a self-hosted visual diff testing solution at Groupon. It's work, but doable.

I also wish there was a battle-tested open source solution for this.

There is this https://github.com/garris/BackstopJS