document.body.innerHTML = `
<div id="container">

        <main id="main">
            <div id="exercise">
                <article>
                    <input type="text" />
                    <button type="button">ADD</button>
                </article>

                <div>
                    <h1>SoftUni Database</h1>
                    <ol type="A">
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li>Nixon</li>
                        <li></li>
                        <li>Peterson</li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ol>
                </div>
            </div>
        </main>

    </div>
`;

result();

$("#exercise input").val("Pepe");

$("button").trigger("click");

let test = $("ol")[0].children[15].textContent;
expect(test).to.equal("Peterson, Pepe");