tagName warning on custom component reopen

I write a custom mixin that I apply on in test runs to automatically bind a property to all components so I can easily test to see if a given component is rendered.

Imagine I have a component foo-bar, this logic automatically binds data-test-component='foo-bar' to the attributes. However, because I reopen Ember.Component to get this behavior, I automatically get this behavior with components without tagNames.

Because of this new(ish) warning I get a lot of warning output in my console.

I used to be able to do this check myself:

  init() {
    // you can't bind attributes to tagless components
    if (this.tagName !== '') {
      const dataTestAttr = ['data-test-component'];
      this.attributeBindings = this.attributeBindings ? this.attributeBindings.concat(dataTestAttr) : dataTestAttr;
    }

    this._super(...arguments);
  },

but now this doesn’t work. Is there a workaround I could use to get this working again?

[marcoow]

I think the best way to hide this warning would be to use registerWarnHandler?

[blimmer]

Thanks @Turbo87 . Yep, this works as I expect: https://github.com/blimmer/ember-raffle/commit/6dc758e93bcb2de2fec4ca659b32d3de9fe634e3