Add test fixtures to assert TS support

Author: simonihmig

transforms/integration/__testfixtures__/typescript.input.ts

@@ -0,0 +1,39 @@
+import { click } from '@ember/test-helpers';
+import { moduleForComponent, test } from 'ember-qunit';
+import hbs from 'htmlbars-inline-precompile';
+
+moduleForComponent('foo-bar', 'Integration | Component | foo bar', {
+  integration: true
+});
+
+function fillInHelper(value: string) {
+  this.$('.foo input').val(value);
+  this.$('.foo input').change();
+}
+
+test('it renders', async function(assert) {
+  this.render(hbs`{{foo-bar}}`);
+
+  await click('.foo');
+  assert.equal(this.$('.foo').attr('id'), 'foo');
+  this.$('.foo input').val('bar').change();
+  assert.equal(this.$('.foo').text().trim(), 'foo');
+});
+
+test('it renders again', function(assert) {
+  this.render(hbs`{{foo-bar}}`);
+
+  let selector = '.foo input';
+  assert.equal(this.$(selector).length, 1);
+  assert.equal(this.$(selector).val(), 'foo');
+  assert.ok(this.$('.foo').hasClass('selected'));
+});
+
+test('and again', function(assert) {
+  this.render(hbs`{{foo-bar}}`);
+
+  this.$('foo').click();
+
+  fillInHelper.call(this, 'bar');
+  assert.ok(this.$('.foo').hasClass('selected'));
+});

transforms/integration/__testfixtures__/typescript.output.ts

@@ -0,0 +1,40 @@
+import { click, find, findAll, fillIn, blur, triggerEvent } from '@ember/test-helpers';
+import { moduleForComponent, test } from 'ember-qunit';
+import hbs from 'htmlbars-inline-precompile';
+
+moduleForComponent('foo-bar', 'Integration | Component | foo bar', {
+  integration: true
+});
+
+async function fillInHelper(value: string) {
+  await fillIn('.foo input', value);
+  await triggerEvent('.foo input', 'change');
+}
+
+test('it renders', async function(assert) {
+  this.render(hbs`{{foo-bar}}`);
+
+  await click('.foo');
+  assert.equal(find('.foo').id, 'foo');
+  await fillIn('.foo input', 'bar');
+  await blur('.foo input');
+  assert.equal(find('.foo').textContent.trim(), 'foo');
+});
+
+test('it renders again', function(assert) {
+  this.render(hbs`{{foo-bar}}`);
+
+  let selector = '.foo input';
+  assert.equal(findAll(selector).length, 1);
+  assert.equal(find(selector).value, 'foo');
+  assert.ok(find('.foo').classList.contains('selected'));
+});
+
+test('and again', async function(assert) {
+  this.render(hbs`{{foo-bar}}`);
+
+  await click('foo');
+
+  fillInHelper.call(this, 'bar');
+  assert.ok(find('.foo').classList.contains('selected'));
+});