<!DOCTYPE html>
<html>
<body>
<div id='sandbox'></div>
<div id="console"></div>
<script src="../resources/magnitude-perf.js"></script>
<script>

if (window.testRunner)
    testRunner.dumpAsText();

var list;
var stack;
var sandbox = document.getElementById('sandbox');

// Check that long sequences of combined selectors has linear performance (per styled element)

function setupList(magnitude)
{
    if (sandbox.firstChild)
        sandbox.removeChild(sandbox.firstChild);
    list = document.createElement('ul');

    for (var i = 0; i < magnitude; ++i) {
        var li = document.createElement('li');
        li.setAttribute('id','unique'+i); // add unique id ensure the styles are not auto-shared
        list.appendChild(li);
    }
    sandbox.appendChild(list);
}

function setupStack(magnitude)
{
    if (sandbox.firstChild)
        sandbox.removeChild(sandbox.firstChild);
    stack = document.createElement('div');
    var cur = stack;

    for (var i = 0; i < magnitude; ++i) {
        var div = document.createElement('div');
        div.setAttribute('id','unique'+i);
        cur.appendChild(div);
        cur = div;
    }
    sandbox.appendChild(stack);
}

function testListStyling(magnitude)
{
    document.querySelectorAll("la ~ li ~ li");
}

function testStackStyling(magnitude)
{
    document.querySelectorAll("dav div div");
}

Magnitude.description('Tests styling multiple combinators have linear performance');
Magnitude.run(setupStack, testStackStyling, Magnitude.LINEAR);
sandbox.removeChild(sandbox.firstChild);
Magnitude.run(setupList, testListStyling, Magnitude.LINEAR);
sandbox.removeChild(sandbox.firstChild);
</script>
</body>
</html>