| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| iframe { |
| border: 0px; |
| } |
| </style> |
| <script> |
| let testFiles = [ |
| "simple-incremental-layout-with-static-content.html", |
| "relative-simple.html", |
| "relative-bottom.html", |
| "relative-right.html", |
| "relative-auto.html", |
| "relative-auto-with-parent-offset.html", |
| "relative-position-when-containing-block-is-not-in-the-formatting-context.html", |
| "relative-siblings.html", |
| "padding-simple.html", |
| "padding-nested.html", |
| "border-simple.html", |
| "margin-simple.html", |
| "margin-sibling-collapse-propagated.html", |
| "margin-propagation-simple-content-height.html", |
| "margin-left-right-sizing.html", |
| "margin-left-right-sizing-out-of-flow.html", |
| "margin-collapse-with-block-formatting-context2.html", |
| "margin-collapse-with-block-formatting-context.html", |
| "margin-collapse-when-child-has-padding-border.html", |
| "margin-collapse-top-nested.html", |
| "margin-collapse-simple.html", |
| "margin-collapse-first-last-are-floating.html", |
| "margin-collapse-bottom-nested.html", |
| "margin-collapse-bottom-bottom.html", |
| "absolute-auto-with-sibling-margin-bottom.html", |
| "absolute-bottom.html", |
| "absolute-height-stretch.html", |
| "absolute-left-auto.html", |
| "absolute-left-right-top-bottom-auto.html", |
| "absolute-nested.html", |
| "absolute-nested2.html", |
| "absolute-simple.html", |
| "absolute-width-shrink-to-fit.html", |
| "absolute-width-stretch.html", |
| "absolute-with-static-block-position-nested.html", |
| "absolute-position-when-containing-block-is-not-in-the-formatting-context.html", |
| "absolute-position-when-containing-block-is-not-in-the-formatting-context2.html", |
| "fixed-nested.html", |
| "floating-box-left-and-right-multiple.html", |
| "floating-box-right-simple.html", |
| "floating-left-right-simple.html", |
| "floating-left-right-with-all-margins.html", |
| "floating-multiple-lefts-in-body.html", |
| "floating-multiple-lefts-multiple-lines.html", |
| "floating-multiple-lefts.html", |
| "floating-box-with-relative-positioned-sibling.html", |
| "floating-lefts-and-rights-simple.html", |
| "floating-with-new-block-formatting-context.html", |
| "floating-box-clear-right-simple.html", |
| "floating-box-with-clear-simple.html", |
| "floating-box-with-clear-siblings.html", |
| "floating-box-clear-both-simple.html", |
| "almost-intruding-left-float-simple.html", |
| "negative-margin-simple.html", |
| "intruding-left-float-simple.html", |
| "simple-inline-text.html", |
| "simple-multiline-text.html", |
| "inline-formatting-context-with-floats.html", |
| "inline-with-floats-right-left-simple.html", |
| "inline-formatting-context-with-floats2.html", |
| "float-is-inside-inline-formatting-context-simple.html", |
| "multiple-left-floats-on-line-simple.html", |
| "multiple-left-floats-on-line-from-parent-formatting-context.html", |
| "inline-with-floats-when-they-dont-fit.html", |
| "inline-with-right-float-simple.html", |
| "inline-with-right-floats2.html", |
| "inline-with-right-floats3.html", |
| "inline-content-simple2.html", |
| "inline-floating1.html", |
| "inline-formatting-context-floats1.html", |
| "inline-formatting-context-floats2.html", |
| "inline-with-padding-border-margin-offsets.html", |
| "inline-block-with-fixed-width-height.html", |
| "inline-with-relative-positioning.html", |
| "inline-with-out-of-flow-descendant.html", |
| "inline-simple-replaced.html" |
| ]; |
| |
| let debugThis = []; |
| |
| function addJS(fileName) { |
| let script = document.currentScript.src; |
| let imported = document.createElement('script'); |
| imported.src = fileName; |
| document.head.appendChild(imported); |
| } |
| |
| addJS("./TestHarness.js"); |
| addJS("../Utils.js"); |
| addJS("../Layout.js"); |
| addJS("../TreeBuilder.js"); |
| addJS("../LayoutState.js"); |
| addJS("../LayoutTree/Box.js"); |
| addJS("../LayoutTree/Container.js"); |
| addJS("../LayoutTree/BlockContainer.js"); |
| addJS("../LayoutTree/InlineContainer.js"); |
| addJS("../LayoutTree/InlineBox.js"); |
| addJS("../LayoutTree/Text.js"); |
| addJS("../DisplayTree/Box.js"); |
| addJS("../FormattingState/FormattingState.js"); |
| addJS("../FormattingState/BlockFormattingState.js"); |
| addJS("../FormattingState/InlineFormattingState.js"); |
| addJS("../FormattingState/FloatingState.js"); |
| addJS("../FormattingContext/FormattingContext.js"); |
| addJS("../FormattingContext/FloatingContext.js"); |
| addJS("../FormattingContext/BlockFormatting/BlockFormattingContext.js"); |
| addJS("../FormattingContext/BlockFormatting/BlockMarginCollapse.js"); |
| addJS("../FormattingContext/InlineFormatting/InlineFormattingContext.js"); |
| addJS("../FormattingContext/InlineFormatting/Line.js"); |
| |
| let failedTests = new Array(); |
| |
| let isRunningAsyncTest = false; |
| let tests; |
| let testsPassed = 0; |
| let currentTestIndex = 0; |
| let subTests = 0; |
| let subTestPassed = true; |
| let layoutState = null; |
| |
| function runAndVerifyLayout(window) { |
| layoutState = runLayout(window, layoutState); |
| return verifyLayout(window.simplifiedRenderTree); |
| } |
| |
| class TestRunner { |
| waitUntilDone() { |
| isRunningAsyncTest = true; |
| } |
| |
| notifyDone() { |
| let testFrame = document.getElementById("testFrame"); |
| ASSERT(subTests); |
| finishAndMoveToNextTest(subTestPassed); |
| } |
| |
| forceLayout() { |
| let testFrame = document.getElementById("testFrame"); |
| let needsLayoutRenderers = testFrame.contentWindow.collectRenderersWithNeedsLayout(); |
| testFrame.contentWindow.document.body.offsetWidth; |
| if (layoutState) { |
| // Finding box by id won't work unless this is ICB's layout state. |
| ASSERT(!layoutState.rootContainer().parent()); |
| for (let rendererId of needsLayoutRenderers) { |
| let layoutBox = Utils.layoutBoxById(rendererId, layoutState.rootContainer()); |
| layoutState.markNeedsLayout(layoutBox); |
| } |
| } |
| let passed = runAndVerifyLayout(testFrame.contentWindow); |
| ++subTests; |
| if (!passed) { |
| subTestPassed = false; |
| if (failedTests.indexOf(currentTestIndex) == -1) |
| failedTests.push(currentTestIndex); |
| } |
| printIntermediateResult(); |
| } |
| |
| } |
| |
| function printFinalResult() { |
| let resultContent = "Number of tests: " + tests.length; |
| resultContent += "<br><br>Passed: " + (tests.length - failedTests.length) + "<br>Failed: " + failedTests.length; |
| if (failedTests.length > 0) { |
| resultContent += "<br><br>Failed cases:" |
| failedTests.forEach(function(item) { |
| resultContent += "<br><a href=\"" + tests[item] + "\">" + tests[item] + "</a>"; |
| }); |
| } |
| result.innerHTML = resultContent; |
| } |
| |
| function printIntermediateResult() { |
| let resultContent = "Testing..." + (currentTestIndex + 1) + (subTests > 0 ? "(" + subTests + ")" : "") + " out of " + tests.length; |
| resultContent += "<br><br>Passed: " + testsPassed + "<br>Failed: " + failedTests.length; |
| if (failedTests.length > 0) { |
| resultContent += "<br><br>Failed cases:" |
| failedTests.forEach(function(item) { |
| resultContent += "<br><a href=\"" + tests[item] + "\">" + tests[item] + "</a>"; |
| }); |
| } |
| result.innerHTML = resultContent; |
| } |
| |
| function finishAndMoveToNextTest(passed) { |
| let testFrame = document.getElementById("testFrame"); |
| testFrame.remove(); |
| initialContainingBlock = null; |
| layoutState = null; |
| subTests = 0; |
| isRunningAsyncTest = false; |
| if (passed) |
| ++testsPassed; |
| else if (failedTests.indexOf(currentTestIndex) == -1) |
| failedTests.push(currentTestIndex); |
| setTimeout(function() { |
| if (currentTestIndex < tests.length - 1) { |
| printIntermediateResult(); |
| ++currentTestIndex; |
| runTest(tests); |
| return; |
| } |
| printFinalResult(); |
| }, 0); |
| } |
| |
| function runTest() { |
| let iframe = document.createElement("iframe"); |
| iframe.src = tests[currentTestIndex]; |
| iframe.id = "testFrame"; |
| iframe.width = window.innerWidth; |
| iframe.height = window.innerHeight; |
| iframe.onload = function() { |
| if (isRunningAsyncTest) |
| return; |
| let testFrame = document.getElementById("testFrame"); |
| let passed = runAndVerifyLayout(testFrame.contentWindow); |
| finishAndMoveToNextTest(passed, tests); |
| }; |
| document.body.appendChild(iframe); |
| iframe.contentWindow.testRunner = new TestRunner(); |
| } |
| |
| function runTests() { |
| tests = debugThis.length ? debugThis : testFiles; |
| runTest(); |
| } |
| </script> |
| </head> |
| <body onload="runTests()"> |
| <pre id=result></pre> |
| </body> |
| </html> |
