mock-element.test.js

import MockElement from '../../../src/scripts/common/mockdom/mock-element'

describe('MockElement', () => {
	beforeEach(() => {
		// jest.resetAllMocks()
		// AssessmentStore.init()
		// QuestionStore.init()
	})

	test('creates new instance', () => {
		const el = new MockElement('type', { a: 1 })

		expect(el.type).toBe('type')
		expect(el.attrs).toEqual({ a: 1 })
		expect(el.nodeType).toBe('element')
		expect(el.children).toEqual([])
		expect(el.parent).toBe(null)
	})

	test('adds child', () => {
		const root = new MockElement('root')
		const child = new MockElement('child')

		root.addChild(child)

		expect(root.parent).toBe(null)
		expect(root.children).toEqual([child])
		expect(child.parent).toBe(root)
		expect(child.children).toEqual([])
	})

	test('addChildAt adds child at index', () => {
		const root = new MockElement('root')
		const childA = new MockElement('child-a')
		const childB = new MockElement('child-b')
		const childC = new MockElement('child-c')
		const childD = new MockElement('child-d')

		root.addChildAt(childA, 0)

		expect(root.children).toEqual([childA])

		root.addChildAt(childB, 0)

		expect(root.children).toEqual([childB, childA])

		root.addChildAt(childC, 1)

		expect(root.children).toEqual([childB, childC, childA])

		root.addChildAt(childD, 3)

		expect(root.children).toEqual([childB, childC, childA, childD])
	})

	test('addBefore adds a child before another child', () => {
		const root = new MockElement('root')
		const childA = new MockElement('child-a')
		const childB = new MockElement('child-b')
		const childC = new MockElement('child-c')

		root.addChild(childA)
		root.addBefore(childB, childA)

		expect(root.children).toEqual([childB, childA])

		root.addBefore(childC, childA)

		expect(root.children).toEqual([childB, childC, childA])
	})

	test('addAfter adds a child after another child', () => {
		const root = new MockElement('root')
		const childA = new MockElement('child-a')
		const childB = new MockElement('child-b')
		const childC = new MockElement('child-c')

		root.addChild(childA)
		root.addAfter(childB, childA)

		expect(root.children).toEqual([childA, childB])

		root.addAfter(childC, childA)

		expect(root.children).toEqual([childA, childC, childB])
	})

	test('replaceChild will replace a child with another child', () => {
		const root = new MockElement('root')
		const childA = new MockElement('child-a')
		const childB = new MockElement('child-b')

		root.addChild(childA)
		root.replaceChild(childA, childB)

		expect(root.children).toEqual([childB])
	})

	test('firstChild and lastChild return the first and last children', () => {
		const root = new MockElement('root')
		const childA = new MockElement('child-a')
		const childB = new MockElement('child-b')
		const childC = new MockElement('child-c')

		root.addChild(childA)
		root.addChild(childB)
		root.addChild(childC)

		expect(root.firstChild).toBe(childA)
		expect(root.lastChild).toBe(childC)
	})

	test('getColorOfFirstCharacter returns expected color if node is a list element', () => {
		const root = new MockElement('root')
		const li = new MockElement('li')

		root.addChild(li)

		li.addChild({
			text: {
				styleList: {
					styles: [
						{ type: 'mock', start: 12 },
						{ type: 'underline', start: 1 },
						{ type: 'color', start: 0, data: { text: '#ccc' } }
					]
				}
			}
		})

		const rootColor = root.getColorOfFirstCharacter()
		expect(rootColor).toBe('#000')

		const liColor = li.getColorOfFirstCharacter()
		expect(liColor).toBe('#ccc')
	})
})