addListItem DOM Manipulation Jest Test

gistfile1.js

import {addListItem} from '../index';

describe('addListItem', () => {
	beforeAll(() => {
		document.body.innerHTML = '<ul id="unittest"></ul>';
		const $el = document.getElementById('unittest')

		addListItem($el, 'First');
		addListItem($el, 'Second');
		addListItem($el, 'Third');
	});

	afterAll(() => {
		document.body.innerHTML = '';
	});

	test('Number of items is 3', () => {
		const count = document.getElementById('unittest').getElementsByTagName('li').length;
		expect(count).toBe(3);
	});

	test('First element has text First', () => {
		const text = document.getElementById('unittest').getElementsByTagName('li')[0].textContent;
		expect(text).toBe('First');
	});

	test('Second element has text Second', () => {
		const text = document.getElementById('unittest').getElementsByTagName('li')[1].textContent;
		expect(text).toBe('Second');
	});

	test('Third element has text Third', () => {
		const text = document.getElementById('unittest').getElementsByTagName('li')[2].textContent;
		expect(text).toBe('Third');
	});
});