import { module, test } from 'qunit';
import { setupRenderingTest } from 'ember-qunit';
import { setupMirage } from 'ember-cli-mirage/test-support';
import { render, click } from '@ember/test-helpers';
import { hbs } from 'ember-cli-htmlbars';

module('Integration | Component | recipe-add', function(hooks) {
  setupRenderingTest(hooks);
  setupMirage(hooks);

  test('it adds a new recipe (meal) when button is clicked', async function(assert) {
    await render(hbs`<RecipeAdd />`);
    let store = this.owner.lookup('service:store');

    await click('[data-test-id=recipe-add-button]');
    let randomMeal = await store.findRecord('meal', 'random');

    assert.ok(randomMeal);
    assert.equal(store.peekAll('meal').length, 1);
  });
});