<!doctype html>
<html>
<head>
<script src="../../http/tests/inspector/resources/inspector-test.js"></script>
<script src="resources/test-view.js"></script>
<script>
function test()
{
    InspectorTest.redirectRequestAnimationFrame();

    let suite = InspectorTest.createAsyncSuite("View.AsynchronousLayout");

    suite.addTestCase({
        name: "View.automaticLayout",
        test(resolve, reject) {
            let view = new WI.TestView;
            WI.View.rootView().addSubview(view);
            InspectorTest.expectThat(view.layoutPending, "View should have a pending layout once it is attached.");

            view.evaluateAfterLayout(() => {
                InspectorTest.log("Layout complete.");
                InspectorTest.expectEqual(view.initialLayoutCount, 1, "View should do an initial layout.");
                InspectorTest.expectEqual(view.layoutCount, 1, "View should update its layout.");
                InspectorTest.expectFalse(view.layoutPending, "View should not have a pending layout.");
                resolve();
            });
        }
    });

    suite.addTestCase({
        name: "View.automaticLayout.cancelled",
        test(resolve, reject) {
            let view = new WI.TestView;

            WI.View.rootView().addSubview(view);
            InspectorTest.expectThat(view.layoutPending, "View should have a pending layout once it is attached.");

            WI.View.rootView().removeSubview(view);
            InspectorTest.expectFalse(view.layoutPending, "View should not have a pending layout once it is detached.");
            resolve();
        }
    });

    suite.addTestCase({
        name: "View.needsLayout",
        test(resolve, reject) {
            let view = new WI.TestView;
            WI.View.rootView().addSubview(view);

            InspectorTest.log("Flush pending layouts, then schedule an update.");
            view.updateLayout();
            view.needsLayout();
            InspectorTest.expectThat(view.layoutPending, "View should have a pending layout.");

            view.evaluateAfterLayout(() => {
                InspectorTest.log("Layout complete.");
                InspectorTest.expectEqual(view.layoutCount, 2, "View should update its layout.");
                InspectorTest.expectFalse(view.layoutPending, "View should not have a pending layout.");
                resolve();
            });
        }
    });

    suite.addTestCase({
        name: "View.needsLayout.propogateToSubview",
        test(resolve, reject) {
            let parent = new WI.TestView;
            let child = new WI.TestView;
            WI.View.rootView().addSubview(parent);
            parent.addSubview(child);
            InspectorTest.log("Schedule parent view update.");
            parent.needsLayout();

            child.evaluateAfterLayout(() => {
                InspectorTest.log("Layout complete.");
                InspectorTest.expectEqual(child.initialLayoutCount, 1, "Chlid view should do an initial layout.");
                InspectorTest.expectEqual(child.layoutCount, 1, "Child view should update its layout.");
                resolve();
            });
        }
    });

    suite.addTestCase({
        name: "View.cancelLayout",
        test(resolve, reject) {
            let view = new WI.TestView;
            WI.View.rootView().addSubview(view);

            InspectorTest.log("Cancel automatic layout.");
            view.cancelLayout();
            InspectorTest.expectFalse(view.layoutPending, "View should not have a pending layout.");

            InspectorTest.log("Cancel scheduled layout.");
            view.needsLayout();
            view.cancelLayout();
            InspectorTest.expectFalse(view.layoutPending, "View should not have a pending layout.");
            resolve();
        }
    });

    suite.runTestCasesAndFinish();
}
</script>
</head>
<body onload="runTest()">
    <p>Testing asynchronous View layout operations: needsLayout, cancelLayout.</p>
</body>
</html>