const message = "the quick brown fox jumps over the lazy dog";
const expected = [...message].map(c => `<span>${c + " "}</span>`).join("");

export default {
	props: {
		message
	},

	async test({ assert, target }) {
		const firstSpanList = target.children[0];
		assert.equal(firstSpanList.innerHTML, expected);

		const secondSpanList = target.children[1];
		assert.equal(secondSpanList.innerHTML, expected);
	}
};