import hbs from 'htmlbars-inline-precompile';
import {clickTrigger} from 'ember-basic-dropdown/test-support/helpers';
import {describe, it} from 'mocha';
import {expect} from 'chai';
import {find, render, settled} from '@ember/test-helpers';
import {setupRenderingTest} from 'ember-mocha';

describe('Integration: Component: gh-basic-dropdown', function () {
    setupRenderingTest();

    it('closes when dropdown service fires close event', async function () {
        let dropdownService = this.owner.lookup('service:dropdown');

        await render(hbs`
            <GhBasicDropdown as |dropdown|>
                <dropdown.Trigger>Click me!</dropdown.Trigger>
                <dropdown.Content><div id="dropdown-is-opened">Content of the trigger</div></dropdown.Content>
            </GhBasicDropdown>
        `);

        await clickTrigger();
        expect(find('#dropdown-is-opened')).to.exist;

        dropdownService.closeDropdowns();
        await settled();

        expect(find('#dropdown-is-opened')).to.not.exist;
    });
});