import request from '../../services/request'
import mlConfig from '../aoml';

jest.mock('../../services/request')
const networkRequest = `
c0 = 247, 247, 247
c0_name = White
c0_talking = 1

c2 = 247, 0, 57
c2_name = Red
c2_start = ~
c2_end = ~
c2_remove = 1
c2_talking = 1

c4 = 107, 198, 247
c4_name = Blue
c4_start = (
c4_end = )
c4_remove = 0
c4_talking = 0

c5 = 107, 198, 247
c5_name = Blue
c5_start = [
c5_end = ]
c5_remove = 1
c5_talking = 0

c6 = 107, 198, 247
c6_name = Blue
c6_start = |
c6_end = |
c6_remove = 0
c6_talking = 0
`

const mockRequest = request as jest.MockedFunction<typeof request>;
mockRequest.mockReturnValue(Promise.resolve(networkRequest))

  describe('mlConfig', () => {
    beforeEach(() => {
      // Clear all instances and calls to constructor and all methods:
      mockRequest.mockClear();

    });

    it('Should make a network request', () => {
        mlConfig('localhost')
        expect(mockRequest).toHaveBeenCalledTimes(1);
      });
  })
  describe('applyMarkdown', () => {
    const config = mlConfig('localhost')

    beforeEach(() => {
      // Clear all instances and calls to constructor and all methods:
      mockRequest.mockClear();

    });
    
    it('Should create an array of spans containing letters', async () => {
      const word = `hello`
      const actual = await config.applyMarkdown(`hello`, `blue`)
      let index = 0
      for (const element of actual) {
        expect(element.innerHTML).toBe(word[index])
        index++
      }
    })
    it('Should add colors based on settings', async () => {
      const config = mlConfig('localhost')
      const actual = await config.applyMarkdown(`(heya)`, `blue`)
      expect(actual[0].getAttribute('style')).toBe('color: rgb(107, 198, 247);')
    })
    it('Should keep a letter if remove = 0', async () => {
      const config = mlConfig('localhost')
      
      const actual = await config.applyMarkdown(`(What())Hey!`, `white`)
      const expected = `(`
      expect(actual[5].innerHTML).toBe(expected)
    })
    it('Should remove a letter if remove = 1', async () => {
      const config = mlConfig('localhost')
      
      const actual = await config.applyMarkdown(`~What~()Hey!`, `white`)
      const expected = ``
      expect(actual[0].innerHTML).toBe(expected)
    })
    it('Should remove a letter if remove = 1', async () => {
      const config = mlConfig('localhost')
      
      const actual = await config.applyMarkdown(`~What~()Hey!`, `white`)
      const expected = ``
      expect(actual[0].innerHTML).toBe(expected)
    })
    it('Should keep a closing letter if remove = 0', async () => {
      const config = mlConfig('localhost')
      
      const actual = await config.applyMarkdown(`~NO[]~!`, `white`)
      const expected = ``
      expect(actual[4].innerHTML).toBe(expected)
    })
    it('Should remove a closing letter if remove = 1', async () => {
      const config = mlConfig('localhost')
      const actual = await config.applyMarkdown(`~NO||~!`, `white`)
      const expected = ``
      expect(actual[5].innerHTML).toBe(expected)
    })
  
  })