import { mount, VueWrapper } from '@vue/test-utils';
import { _EDIT } from '@shell/config/query-params';
import KnownHostsEditDialog from '@shell/components/form/SSHKnownHosts/KnownHostsEditDialog.vue';
import CodeMirror from '@shell/components/CodeMirror.vue';
import FileSelector from '@shell/components/form/FileSelector.vue';

let wrapper: VueWrapper<InstanceType<typeof KnownHostsEditDialog>>;

const mockedStore = () => {
  return { getters: { 'prefs/get': () => jest.fn() } };
};

const requiredSetup = () => {
  return { global: { mocks: { $store: mockedStore() } } };
};

jest.mock('focus-trap', () => {
  return {
    createFocusTrap: jest.fn().mockImplementation(() => {
      return {
        activate:   jest.fn(),
        deactivate: jest.fn(),
      };
    }),
  };
});

describe('component: KnownHostsEditDialog', () => {
  beforeEach(() => {
    document.body.innerHTML = '<div id="modals"></div>';
    wrapper = mount(KnownHostsEditDialog, {
      attachTo: document.body,
      props:    {
        mode:  _EDIT,
        value: 'line1\nline2\n'
      },
      ...requiredSetup(),
    });
  });

  afterEach(() => {
    wrapper.unmount();
    document.body.innerHTML = '';
  });

  it('should update text from CodeMirror', async() => {
    await wrapper.setData({ showModal: true });

    expect(wrapper.vm.text).toBe('line1\nline2\n');

    const codeMirror = wrapper.getComponent(CodeMirror);

    expect(codeMirror.element).toBeDefined();

    await codeMirror.setData({ loaded: true });

    // Emit CodeMirror value
    codeMirror.vm.$emit('onInput', 'bar');
    await codeMirror.vm.$nextTick();

    expect(wrapper.vm.text).toBe('bar');
  });

  it('should update text from FileSelector', async() => {
    await wrapper.setData({ showModal: true });

    expect(wrapper.vm.text).toBe('line1\nline2\n');

    const fileSelector = wrapper.getComponent(FileSelector);

    expect(fileSelector.element).toBeDefined();

    // Emit Fileselector value
    fileSelector.vm.$emit('selected', 'foo');
    await fileSelector.vm.$nextTick();

    expect(wrapper.vm.text).toBe('foo');
  });

  it('should save changes and close dialog', async() => {
    await wrapper.setData({
      showModal: true,
      text:      'foo',
    });

    expect(wrapper.vm.value).toBe('line1\nline2\n');
    expect(wrapper.vm.text).toBe('foo');

    await wrapper.vm.closeDialog(true);

    expect((wrapper.emitted('closed') as any)[0][0].value).toBe('foo');

    const dialog = wrapper.vm.$refs['sshKnownHostsDialog'];

    expect(dialog).toBeNull();
  });

  it('should discard changes and close dialog', async() => {
    await wrapper.setData({
      showModal: true,
      text:      'foo',
    });

    expect(wrapper.vm.value).toBe('line1\nline2\n');
    expect(wrapper.vm.text).toBe('foo');

    await wrapper.vm.closeDialog(false);

    expect((wrapper.emitted('closed') as any)[0][0].value).toBe('line1\nline2\n');

    const dialog = wrapper.vm.$refs['sshKnownHostsDialog'];

    expect(dialog).toBeNull();
  });
});