insert-block-into-inline-beside-ex-spanner-table-column.html

<!DOCTYPE html>
<script>
    if (window.testRunner)
        testRunner.dumpAsText();
</script>
<p>With a multicol container that has a block and with a spanner inside, do the following:</p>
<ol>
    <li>Insert an inline right before the spanner</li>
    <li>Turn the spanner into a table-column</li>
    <li>Insert an inline child into the previously inserted inline</li>
    <li>Set column-span:none on the ex-spanner (now table-column)</li>
    <li>Insert a block into the previously inserted inline child</li>
</ol>
<p>The word 'PASS' should be seen below.</p>
<div style="-webkit-column-count:2;">
    <div>
        <span id="inline" style="display:none;">
            <emph id="tCF74" style="display:none;">
                <footer id="tCF33" style="display:none;">PASS</footer>
            </emph>
        </span>
        <div id="spanner" style="-webkit-column-span:all;"></div>
    </div>
</div>

<script>
    document.body.offsetTop;
    document.getElementById("inline").style.display = "inline";

    // Note that a table-column isn't allowed to become a spanner.
    document.getElementById("spanner").style.display = "table-column";

    document.body.offsetTop;
    tCF74.style.display = '';
    document.getElementById("spanner").style.webkitColumnSpan = "none";
    tCF33.style.display = '';
</script>

chromium/third_party/blink/web_tests/fast/multicol/dynamic/insert-block-into-inline-beside-ex-spanner-table-column.html