title: Acceptance Testing a Ember Datepicker Component with Ember CLI
body: <p>I'm using Pikaday to create an Ember Datepicker Component within an Ember CLI project. It seems to be impossible to test user interactions within the component test. Does anyone know how to do this?</p>
  
  <p>For example I'm trying to test that the Pikaday widget is displayed when the input of the component is clicked. The test looks like this:</p>
  
  <pre><code>import { test, moduleForComponent } from 'ember-qunit';
  
  moduleForComponent('datepicker-input');
  
  test('is an input tag', function() {
    equal('INPUT', this.$().prop('tagName'));
  });
  
  test('clicking the input opens the pikaday dialog', function() {
    ok($('.pika-single').hasClass('is-hidden'));
    click(this.$().find('input'));
    ok(!$('.pika-single').hasClass('is-hidden'));
  });
  </code></pre>
  
  <p>The second tests fails due to <code>ReferenceError: click is not defined</code>. I don't know what I'm doing wrong, as far as I can tell my tests do the same as the example on the Ember.js website: <a href="http://emberjs.com/guides/testing/testing-components/#toc_interacting-with-components-in-the-dom" rel="nofollow">http://emberjs.com/guides/testing/testing-components/#toc_interacting-with-components-in-the-dom</a></p>
  
  <p>So I'm guessing the problem could be also with Ember CLI. Any help is welcome, I'm open to suggestions how to test the user interactions of an component.</p>