Integration test method to "destroy" the component

[olivierlesnicki]

Is there a way to destroy the tested component in integration tests?

I had the issue where async behavior were setting internal properties on the component on completion. The problem is sometimes the component was destroyed before the async behavior had completed, resulting in an error.

While I fixed the code to handle this situation I would have liked to implement a corresponding test. And maybe use something such as this.destroy() to check the race condition.

[olivierlesnicki]

I was able to emulate the behavior by passing an attribute named isDestroyed to the component and setting it to true... :)

[rwjblue]

In more recent ember-qunit versions, you can do:

this.clearRender()

[olivierlesnicki]

@rwjblue thanks

[jakeleboeuf]

@rwjblue how do I implement this?

test('it renders as canvas', function(assert) {
  this.render(hbs`{{body-movin path="loading" renderType="canvas"}}`);

  return wait().then(() => {
    assert.notEqual(this.$('canvas').get(0), undefined);
    this.clearRender(); // where should this go?
  });
});

[vinceg2012]

@jakeleboeuf you probably found the solution, but try importing clearRender
Note: Depending on your ember version, your import may be different.

Import:
import { render, clearRender } from '@ember/test-helpers';

Then call directly:
clearRender();