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

jest.mock('../../viewport/utils/createMusic');
jest.mock('../../utils/fileExists');
jest.mock('../../viewport/utils/createSfxAudio');
jest.mock('../../viewport/utils/createShoutAudio');
jest.mock('../../viewport/utils/createTestimonyAudio');
describe('setEmote', () => {
    const AO_HOST = '';

    const client = new Client('127.0.0.1');
    const firstExtension = '.gif';

    test('Should have a client_def_char_img with a valid source', async () => {
        fileExists.mockReturnValue(true);
        document.body.innerHTML = `
      <img id="client_def_char_img" />
    `;
        await 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', async () => {
        document.body.innerHTML = `
      <img id="client_pro_char_img" />

    `;
        await 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', async () => {
        document.body.innerHTML = `
      <img id="client_wit_char_img" />
  `;
        await 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', async () => {
        document.body.innerHTML = `
<img id="client_def_pair_img" />

`;
        await 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', async () => {
        document.body.innerHTML = `
<img id="client_pro_pair_img" />

`;
        await 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', async () => {
        document.body.innerHTML = `
<img id="client_wit_pair_img" />

`;
        await 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', async () => {
        document.body.innerHTML = `
    <img id="client_char_img" />

    `;
        await 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', async () => {
        document.body.innerHTML = `
      <img id="client_pair_img" />
      `;
        await 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', async () => {
        fileExists.mockReturnValueOnce(false);
        document.body.innerHTML = `
    <img id="client_pair_img" />
    `;
        await 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', async () => {
        fileExists.mockReturnValue(false);
        document.body.innerHTML = `
    <img id="client_pair_img" />
    `;
        await setEmote(AO_HOST, client, 'salanto', 'coding', 'prefixNotValid', 1, 'notvalid');
        const expected = transparentPng;
        expect(document.getElementById('client_pair_img').src).toEqual(expected);
    });
});