<!DOCTYPE html>
<html>
<head>
<script src="../../http/tests/inspector/resources/protocol-test.js"></script>
<script>

function bar(x)
{
    return x * 10;
}

function foo() {
    bar(42);
}

function load() {
    document.querySelector("#button").addEventListener("click", (event) => {
        foo();
    });

    runTest();
}

function willCallFunctionTest() {
    console.profile();
    document.querySelector("#button").click();
    console.profileEnd();
}

function willEvaluateScriptTest() {
    console.profile();
    foo();
    console.profileEnd();
}

function test()
{
    let suite = ProtocolTest.createAsyncSuite("Timeline.LineColumn");

    InspectorProtocol.sendCommand("Page.enable", {});
    InspectorProtocol.sendCommand("Timeline.enable");

    // To avoid flakiness print only events that we always expect.
    const eventAllowlist = new Set(["RenderingFrame", "ConsoleProfile", "EventDispatch", "FunctionCall"]);

    // The inspector injected script call frame(s) have different line numbers between release and debug builds. We only
    // want to filter those values for those specific call frames in order to ensure other line/column numbers remain stable.
    let functionNameLength = 0;
    let urlLength = 0;

    function replacer(key, value) {
        if (key === "functionName") {
            functionNameLength = value.length;
            return value;
        }
        
        if (key === "children" && this.startTime)
            return value.filter(e => eventAllowlist.has(e.type));
        if (key === "startTime" || key === "endTime" || key === "scriptId" || key === "frameId")
            return "<filtered>";
        if ((key === "lineNumber" || key === "columnNumber") && !functionNameLength && !urlLength)
            return "<filtered>";

        if (key === "url")
            urlLength = value.length;
        if (key === "url" || key === "scriptName")
            return value.replace(/^.+LayoutTests\/inspector\//, "");
        return value;
    }

    const tests = [
        {
            name: "Timeline.LineColumn.willCallFunction",
            description: "Test that column numbers are passed through the willCallFunction instrumentation point.",
            expression: `willCallFunctionTest()`,
        },
        {
            name: "Timeline.LineColumn.willEvaluateScript",
            description: "Test that column numbers are passed through the willEvaluateScript instrumentation point.",
            expression: `willEvaluateScriptTest()`,
        },
    ];

    for (let {name, description, expression} of tests) {
        suite.addTestCase({
            name,
            description,
            test(resolve, reject) {
                let eventNames = [];

                function handleEvent(eventName, handler) {
                    eventNames.push(eventName);
                    InspectorProtocol.eventHandler[eventName] = handler;
                }

                handleEvent("Timeline.eventRecorded", (event) => {
                    ProtocolTest.log(JSON.stringify(event.params.record, replacer, 2));
                });

                handleEvent("Timeline.recordingStarted", () => {
                    ProtocolTest.pass("Capturing started.");
                });

                handleEvent("Timeline.recordingStopped", () => {
                    ProtocolTest.pass("Capturing stopped.");

                    for (let eventName of eventNames)
                        delete InspectorProtocol.eventHandler[eventName];

                    resolve();
                });

                ProtocolTest.log("Evaluating in page...");
                ProtocolTest.evaluateInPage(expression)
                .catch(reject);
            },
        });
    }

    suite.runTestCasesAndFinish();
}

</script>
</head>
<body onload="load()">
    <p>Test that script Timeline records have column numbers.</p>
    <button id="button"></button>
</body>
</html>