<!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.SyncronousLayoutDuringAsyncronousLayout",
        test(resolve, reject) {
            let UpdateLayoutTestView = class UpdateLayoutTestView extends WI.TestView {
                layout() {
                    super.layout();

                    this.subviews[0].updateLayout();
                }
            }

            let rootView = WI.View.rootView();
            let parentView = new UpdateLayoutTestView;
            let childView = new WI.TestView;

            rootView.addSubview(parentView);
            parentView.addSubview(childView);

            InspectorTest.expectEqual(rootView._dirtyDescendantsCount, 2, "Root view should have 2 dirty descendants.");
            InspectorTest.expectEqual(parentView._dirtyDescendantsCount, 1, "Parent view should have 1 dirty descendant.");
            InspectorTest.expectEqual(childView._dirtyDescendantsCount, 0, "Child view should have 0 dirty descendants.");
            InspectorTest.expectThat(parentView.layoutPending, "View should have a pending layout.");

            childView.evaluateAfterLayout(() => {
                InspectorTest.log("Child view completed a layout.");

                InspectorTest.expectEqual(rootView._dirtyDescendantsCount, 0, "Root view should have 1 dirty descendant.");
                InspectorTest.expectEqual(parentView._dirtyDescendantsCount, 0, "Parent view should have 0 dirty descendants.");
                InspectorTest.expectEqual(childView._dirtyDescendantsCount, 0, "Child view should have 0 dirty descendants.");

                InspectorTest.expectEqual(parentView.layoutCount, 1, "Parent view should have started a layout.");
                InspectorTest.expectEqual(childView.layoutCount, 1, "Child view should have completed 1 layout.");

                childView.evaluateAfterLayout(() => {
                    InspectorTest.log("Child view completed a layout.");
                    InspectorTest.expectEqual(rootView._dirtyDescendantsCount, 0, "Root view should have 0 dirty descendants.");
                    InspectorTest.expectEqual(parentView._dirtyDescendantsCount, 0, "Parent view should have 0 dirty descendants.");
                    InspectorTest.expectEqual(childView._dirtyDescendantsCount, 0, "Child view should have 0 dirty descendants.");

                    InspectorTest.expectEqual(parentView.layoutCount, 1, "Parent view should have started a layout.");
                    InspectorTest.expectEqual(childView.layoutCount, 2, "Child view should have completed 2 layouts.");
                });
            });

            parentView.evaluateAfterLayout(() => {
                InspectorTest.log("Parent view completed a layout.");

                InspectorTest.expectEqual(rootView._dirtyDescendantsCount, 0, "Root view should have 0 dirty descendants.");
                InspectorTest.expectEqual(parentView._dirtyDescendantsCount, 0, "Root view should have 0 dirty descendants.");
                InspectorTest.expectEqual(childView._dirtyDescendantsCount, 0, "Root view should have 0 dirty descendants.");

                InspectorTest.expectEqual(parentView.layoutCount, 1, "Parent view should have completed 1 layout.");
                InspectorTest.expectFalse(parentView.layoutPending, "Parent 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.runTestCasesAndFinish();
}
</script>
</head>
<body onload="runTest()">
    <p>Testing asynchronous View layout operations: needsLayout, cancelLayout.</p>
</body>
</html>