<!DOCTYPE html>
<html>
<head>
<script src="../../http/tests/inspector/resources/inspector-test.js"></script>
<style>
body { color: blue; }
@media print {
    body { color: green; }
}
</style>
<script>
let mediaQueryList = window.matchMedia("print");
mediaQueryList.addListener(function(aMediaQueryList) {
    TestPage.addResult("PASS: MediaQueryList listener fired.");
});

function test()
{
    let suite = InspectorTest.createAsyncSuite("Page.setEmulatedMedia");

    suite.addTestCase({
        name: "Page.setEmulatedMedia.initial",
        description: "Initial media type should match screen.",
        test(resolve, reject) {
            InspectorTest.evaluateInPage("mediaQueryList.matches", (error, result) => {
                InspectorTest.expectEqual(result, false, "Page should not match print media.");
            });
            InspectorTest.evaluateInPage("getComputedStyle(document.body).color", (error, result) => {
                InspectorTest.expectEqual(result, "rgb(0, 0, 255)", "Body color should be blue.");
                resolve();
            });
        }
    });

    suite.addTestCase({
        name: "Page.setEmulatedMedia.print",
        description: "Should be able to set print media type.",
        test(resolve, reject) {
            PageAgent.setEmulatedMedia("print", (error) => {
                InspectorTest.evaluateInPage("mediaQueryList.matches", (error, result) => {
                    InspectorTest.expectEqual(result, true, "Page should now match print media.");
                });
                InspectorTest.evaluateInPage("getComputedStyle(document.body).color", (error, result) => {
                    InspectorTest.expectEqual(result, "rgb(0, 128, 0)", "Body color should be green.");
                    resolve();
                });
            });
        }
    });

    suite.addTestCase({
        name: "Page.setEmulatedMedia.reset",
        description: "Should be able to reset media type to screen.",
        test(resolve, reject) {
            PageAgent.setEmulatedMedia("", (error) => {
                InspectorTest.evaluateInPage("mediaQueryList.matches", (error, result) => {
                    InspectorTest.expectEqual(result, false, "Page should now not match print media.");
                });
                InspectorTest.evaluateInPage("getComputedStyle(document.body).color", (error, result) => {
                    InspectorTest.expectEqual(result, "rgb(0, 0, 255)", "Page should now match print media.");
                    resolve();
                });
            });
        }
    });

    suite.runTestCasesAndFinish();
}
</script>
</head>
<body onload="runTest()">
<p>Tests for the Page.setEmulatedMedia command.</p>
</body>
</html>