import setEmote from '../setEmote';
import Client from '../../client';
import fileExistsSync from '../../utils/fileExistsSync';
import transparentPng from '../../constants/transparentPng';

jest.mock('../../client');
jest.mock('../../utils/fileExistsSync');

describe('setEmote', () => {
  const AO_HOST = '';
  Client.mockReturnValue({
    lastChar: 'long',
    chatmsg: {
      name: 'byte',
    },
  });
  const client = new Client('127.0.0.1');
  const firstExtension = '.gif';

  test('Should have a client_def_char_img with a valid source', () => {
    fileExistsSync.mockReturnValue(true);
    document.body.innerHTML = `
      <img id="client_def_char_img" />
    `;
    setEmote(AO_HOST, client, 'salanto', 'coding', '(a)', 0, 'def');
    const expected = `http://localhost/characters/salanto/(a)coding${firstExtension}`;
    expect(document.getElementById('client_def_char_img').src).toEqual(expected);
  });
  test('Should have a client_pro_char_img to have a valid src', () => {
    document.body.innerHTML = `
      <img id="client_pro_char_img" />

    `;
    setEmote(AO_HOST, client, 'salanto', 'coding', '(a)', 0, 'pro');
    const expected = `http://localhost/characters/salanto/(a)coding${firstExtension}`;
    expect(document.getElementById('client_pro_char_img').src).toEqual(expected);
  });
  test('Should have a client_wit_char_img', () => {
    document.body.innerHTML = `
      <img id="client_wit_char_img" />
  `;
    setEmote(AO_HOST, client, 'salanto', 'coding', '(a)', 0, 'wit');
    const expected = `http://localhost/characters/salanto/(a)coding${firstExtension}`;

    expect(document.getElementById('client_wit_char_img').src).toEqual(expected);
  });
  test('Should have a client_def_pair_img', () => {
    document.body.innerHTML = `
<img id="client_def_pair_img" />

`;
    setEmote(AO_HOST, client, 'salanto', 'coding', '(a)', 1, 'def');
    const expected = `http://localhost/characters/salanto/(a)coding${firstExtension}`;

    expect(document.getElementById('client_def_pair_img').src).toEqual(expected);
  });
  test('Should have a client_pro_pair_img', () => {
    document.body.innerHTML = `
<img id="client_pro_pair_img" />

`;
    setEmote(AO_HOST, client, 'salanto', 'coding', '(a)', 1, 'pro');
    const expected = `http://localhost/characters/salanto/(a)coding${firstExtension}`;

    expect(document.getElementById('client_pro_pair_img').src).toEqual(expected);
  });
  test('Should have a client_wit_pair_img', () => {
    document.body.innerHTML = `
<img id="client_wit_pair_img" />

`;
    setEmote(AO_HOST, client, 'salanto', 'coding', '(a)', 1, 'wit');
    const expected = `http://localhost/characters/salanto/(a)coding${firstExtension}`;

    expect(document.getElementById('client_wit_pair_img').src).toEqual(expected);
  });
  test('Should have a client_char_img', () => {
    document.body.innerHTML = `
    <img id="client_char_img" />

    `;
    setEmote(AO_HOST, client, 'salanto', 'coding', '(a)', 0, 'notvalid');
    const expected = `http://localhost/characters/salanto/(a)coding${firstExtension}`;

    expect(document.getElementById('client_char_img').src).toEqual(expected);
  });
  test('Should have a client_pair_img', () => {
    document.body.innerHTML = `
      <img id="client_pair_img" />
      `;
    setEmote(AO_HOST, client, 'salanto', 'coding', '(a)', 1, 'notvalid');
    const expected = `http://localhost/characters/salanto/(a)coding${firstExtension}`;

    expect(document.getElementById('client_pair_img').src).toEqual(expected);
  });
  test('Should handle .png urls differently', () => {
    fileExistsSync.mockReturnValueOnce(false);
    document.body.innerHTML = `
    <img id="client_pair_img" />
    `;
    setEmote(AO_HOST, client, 'salanto', 'coding', 'prefixNotValid', 1, 'notvalid');
    const expected = 'http://localhost/characters/salanto/coding.png';

    expect(document.getElementById('client_pair_img').src).toEqual(expected);
  });
  test('Should replace character if new character responds', () => {
    fileExistsSync.mockReturnValue(false);
    document.body.innerHTML = `
    <img id="client_pair_img" />
    `;
    setEmote(AO_HOST, client, 'salanto', 'coding', 'prefixNotValid', 1, 'notvalid');
    const expected = transparentPng;
    expect(document.getElementById('client_pair_img').src).toEqual(expected);
  });
});