'this' undefined from component integration test?

Also posted on SO: https://stackoverflow.com/questions/48359509/this-undefined-only-from-component-integration-test

import Ember from 'ember';

const { Component, computed, inject: { service } } = Ember;

export default Component.extend({
  currentUser: service(),

  classNames: ['list-group-item'],
  tagName: 'li',

  visibleReagents: computed.filter('inventory.reagents', function(reagent) {
    return this.get('currentUser.showArchivedReagents') || reagent.get('archivedAt');
           ^ undefined only in tests
  })
});

This would work well ^, but not as part of the component integration tests where this would be undefined:

import { moduleForComponent, test } from 'ember-qunit';
import hbs from 'htmlbars-inline-precompile';
import startMirage from '../../../../helpers/start-mirage';

moduleForComponent('inventories/left-menu-item', 'Integration | Component | inventories/left menu item', {
  integration: true,
  setup() {
    startMirage(this.container);
  },
  afterEach() {
    window.server.shutdown();
  }
});

test('it renders', function(assert) {
  let inventory = window.server.create('inventory', {
    title: 'My inventory', createdAt: '12/01/2017'
  });
  inventory.reagents = window.server.createList('reagent', 15, { inventory });

  this.set('inventory', inventory);
  this.render(hbs`{{inventories/left-menu-item inventory=inventory}}`);
  assert.equal(this.$('li').length, 1);
  assert.equal(this.$('.badge').length, '1');
});

Why isn’t this accessible from the test?

[Serabe]

Hi, @stephanebruckert,

Your demo project adds a ton of deps, both in package.json and in bower.json. Can you try reproducing this with a brand new project (ember new bug-reproduction) and just using Mirage (ember install ember-cli-mirage) and add the model, route, etc.?

There are too many deps to track down what is happening easily.

Thanks!

[stephanebruckert]

Thanks @luxferresum, as you suggested it can be worked around by doing:

filteredSubs: computed('dummy.subs', function() {
    return this.get('dummy.subs').filter(s => s);
})

Not an Ember issue, maybe an ember-cli-mirage issue being discussed here https://github.com/samselikoff/ember-cli-mirage/issues/1256

Thanks everyone