import { later, _cancelTimers as cancelTimers } from '@ember/runloop';
import { module, test } from 'qunit';
import { setupRenderingTest } from 'ember-qunit';
import { render, settled } from '@ember/test-helpers';
import apiStub from 'vault/tests/helpers/noop-all-api-requests';
import hbs from 'htmlbars-inline-precompile';

import { create } from 'ember-cli-page-object';
import mountBackendForm from '../../pages/components/mount-backend-form';

import sinon from 'sinon';

const component = create(mountBackendForm);

module('Integration | Component | mount backend form', function (hooks) {
  setupRenderingTest(hooks);

  hooks.beforeEach(function () {
    this.owner.lookup('service:flash-messages').registerTypes(['success', 'danger']);
    this.server = apiStub();
  });

  hooks.afterEach(function () {
    this.server.shutdown();
  });

  test('it renders', async function (assert) {
    await render(hbs`{{mount-backend-form}}`);
    assert.strictEqual(
      component.header,
      'Enable an Authentication Method',
      'renders auth header in default state'
    );
    assert.ok(component.types.length > 0, 'renders type picker');
  });

  test('it changes path when type is changed', async function (assert) {
    await render(hbs`{{mount-backend-form}}`);
    await component.selectType('aws');
    await component.next();
    assert.strictEqual(component.pathValue, 'aws', 'sets the value of the type');
    await component.back();
    await component.selectType('approle');
    await component.next();
    assert.strictEqual(component.pathValue, 'approle', 'updates the value of the type');
  });

  test('it keeps path value if the user has changed it', async function (assert) {
    await render(hbs`{{mount-backend-form}}`);
    await component.selectType('approle');
    await component.next();
    assert.strictEqual(component.pathValue, 'approle', 'defaults to approle (first in the list)');
    await component.path('newpath');
    await component.back();
    await component.selectType('aws');
    await component.next();
    assert.strictEqual(component.pathValue, 'newpath', 'updates to the value of the type');
  });

  test('it calls mount success', async function (assert) {
    this.server.post('/v1/sys/auth/foo', () => {
      return [204, { 'Content-Type': 'application/json' }];
    });
    const spy = sinon.spy();
    this.set('onMountSuccess', spy);
    await render(hbs`{{mount-backend-form onMountSuccess=this.onMountSuccess}}`);

    await component.mount('approle', 'foo');

    later(() => cancelTimers(), 50);
    await settled();
    let enableRequest = this.server.handledRequests.findBy('url', '/v1/sys/auth/foo');
    assert.ok(enableRequest, 'it calls enable on an auth method');
    assert.ok(spy.calledOnce, 'calls the passed success method');
  });
});