<html>
<head>
<script src="inspector-test.js"></script>
<script src="debugger-test.js"></script>
<script src="workspace-test.js"></script>

<script>

function test()
{
    InspectorTest.createWorkspace();
    var cssModel = new WebInspector.CSSStyleModel(InspectorTest.testWorkspace);
    var mapping = new WebInspector.SASSSourceMapping(cssModel, InspectorTest.testWorkspace, InspectorTest.testNetworkWorkspaceProvider);
    var stylesSourceMapping = new WebInspector.StylesSourceMapping(cssModel, InspectorTest.testWorkspace);

    InspectorTest.waitForWorkspaceUISourceCodeAddedEvent(cssUISourceCodeAdded);
    InspectorTest.addMockUISourceCodeToWorkspace("http://localhost:8000/inspector/resources/example.css", WebInspector.resourceTypes.Stylesheet, "");
    var event = { data: createMockStyleSheetResource("http://localhost:8000/inspector/resources/example.css", "text/css",
        "/* Comment */\n" +
        "a {\n" +
        "  foo: bar;\n" +
        "  /* SOME COMMENT */\n" +
        "  font-size: 12px; }\n\n" +
        "/*# sourceMappingURL=example.css.map */") };
    stylesSourceMapping._resourceAdded(event);
    mapping._resourceAdded(event);
    afterStyleSheetAdded();

    function createMockStyleSheetResource(url, mimeType, content)
    {
        const documentURL = "http://localhost:8000/inspector/stylesheet-source-mapping.html";
        const frame = WebInspector.resourceTreeModel.mainFrame;
        var resource = new WebInspector.Resource(null, url, documentURL, frame.id, frame.loaderId, WebInspector.resourceTypes.Stylesheet, mimeType);
        resource.requestContent = function(callback)
        {
            callback(content, false, mimeType);
        }
        return resource;
    }


    function cssUISourceCodeAdded(uiSourceCode)
    {
        InspectorTest.waitForWorkspaceUISourceCodeAddedEvent(scssUISourceCodeAdded);
    }

    function scssUISourceCodeAdded(uiSourceCode)
    {
    }

    function rawLocationToUILocation(line, column, url)
    {
        return cssModel.rawLocationToUILocation(new WebInspector.CSSLocation("http://localhost:8000/inspector/resources/example.css", line, column));
    }

    function afterStyleSheetAdded()
    {
        var cssUISourceCode = InspectorTest.testWorkspace.uiSourceCodeForOriginURL("http://localhost:8000/inspector/resources/example.css");
        var scssUISourceCode = InspectorTest.testWorkspace.uiSourceCodeForOriginURL("http://localhost:8000/inspector/resources/example.scss");

        InspectorTest.checkUILocation(cssUISourceCode, 0, 3, rawLocationToUILocation(0, 3));
        InspectorTest.checkUILocation(scssUISourceCode, 1, 0, rawLocationToUILocation(1, 0));
        InspectorTest.checkUILocation(scssUISourceCode, 2, 2, rawLocationToUILocation(2, 4));
        InspectorTest.checkUILocation(scssUISourceCode, 2, 5, rawLocationToUILocation(2, 6));
        InspectorTest.checkUILocation(scssUISourceCode, 2, 7, rawLocationToUILocation(2, 9));
        InspectorTest.checkUILocation(scssUISourceCode, 2, 10, rawLocationToUILocation(3, 7));
        InspectorTest.checkUILocation(scssUISourceCode, 4, 2, rawLocationToUILocation(4, 8));
        InspectorTest.checkUILocation(scssUISourceCode, 4, 2, rawLocationToUILocation(4, 10));
        InspectorTest.checkUILocation(scssUISourceCode, 4, 11, rawLocationToUILocation(4, 11));
        InspectorTest.checkUILocation(scssUISourceCode, 4, 13, rawLocationToUILocation(4, 15));
        InspectorTest.checkUILocation(scssUISourceCode, 4, 17, rawLocationToUILocation(4, 20));
        scssUISourceCode.requestContent(didRequestContent);

        function didRequestContent(content, contentEncoded, mimeType)
        {
            InspectorTest.assertEquals(0, content.indexOf("/* Comment */"));
            InspectorTest.addResult("PASS");
            InspectorTest.completeTest();
        }
    }
}

</script>

</head>

<body onload="runTest()">
<p>Tests SourceMap and StyleSheetMapping.</p>
</body>
</html>