<!DOCTYPE html>
<html>
<body>
<script src="../resources/js-test.js"></script>
<script>
description("Tests for ObservableArray's [[DefineOwnProperty]]");

let sheet1 = null;
let sheet2 = null;
let sheet3 = null;

function runTest() {
    "use strict";

    sheet1 = new CSSStyleSheet()
    sheet1.replaceSync('div { color: red }')
    sheet2 = new CSSStyleSheet()
    sheet2.replaceSync('div { color: blue }')
    sheet3 = new CSSStyleSheet();
    sheet3.replaceSync('div { color: green }')
    document.adoptedStyleSheets.push(sheet1)
    document.adoptedStyleSheets.push(sheet2)

    shouldBe("document.adoptedStyleSheets.length", "2");

    
    evalAndLog("Object.defineProperty(document.adoptedStyleSheets , 'length', { value: 1 })");
    shouldBe("document.adoptedStyleSheets.length", "1");
    shouldBe("document.adoptedStyleSheets[0]", "sheet1");
    shouldBeUndefined("document.adoptedStyleSheets[1]");

    evalAndLog("Object.defineProperty(document.adoptedStyleSheets , 1, { value: sheet2 })");
    shouldBe("document.adoptedStyleSheets.length", "2");
    shouldBe("document.adoptedStyleSheets[0]", "sheet1");
    shouldBe("document.adoptedStyleSheets[1]", "sheet2");
    shouldBeUndefined("document.adoptedStyleSheets[2]");

    evalAndLog("Object.defineProperty(document.adoptedStyleSheets , 2, { value: sheet3, configurable: true, enumerable: true, writable: true })");
    shouldBe("document.adoptedStyleSheets.length", "3");
    shouldBe("document.adoptedStyleSheets[0]", "sheet1");
    shouldBe("document.adoptedStyleSheets[1]", "sheet2");
    shouldBe("document.adoptedStyleSheets[2]", "sheet3");
    shouldBeUndefined("document.adoptedStyleSheets[3]");

    evalAndLog("Object.defineProperty(document.adoptedStyleSheets , 'length', { value: 2, configurable: false, enumerable: false, writable: true })");
    shouldBe("document.adoptedStyleSheets.length", "2");
    shouldBe("document.adoptedStyleSheets[0]", "sheet1");
    shouldBe("document.adoptedStyleSheets[1]", "sheet2");
    shouldBeUndefined("document.adoptedStyleSheets[2]");

    shouldNotThrow("Object.defineProperty(document.adoptedStyleSheets , 'length', { })");
    shouldBe("document.adoptedStyleSheets.length", "2");

    shouldNotThrow("Object.defineProperty(document.adoptedStyleSheets , 3, { })");
    shouldBe("document.adoptedStyleSheets.length", "2");

    debug("");
    debug("* Error cases")
    shouldThrow("Object.defineProperty(document.adoptedStyleSheets , 'length', { value: 1, configurable: true })");
    shouldBe("document.adoptedStyleSheets.length", "2");
    shouldThrow("Object.defineProperty(document.adoptedStyleSheets , 'length', { value: 1, enumerable: true })");
    shouldBe("document.adoptedStyleSheets.length", "2");
    shouldThrow("Object.defineProperty(document.adoptedStyleSheets , 'length', { value: 1, writable: false })");
    shouldBe("document.adoptedStyleSheets.length", "2");
    shouldThrow("Object.defineProperty(document.adoptedStyleSheets , 2, { value: sheet3, configurable: false })");
    shouldBe("document.adoptedStyleSheets.length", "2");
    shouldThrow("Object.defineProperty(document.adoptedStyleSheets , 2, { value: sheet3, enumerable: false })");
    shouldBe("document.adoptedStyleSheets.length", "2");
    shouldThrow("Object.defineProperty(document.adoptedStyleSheets , 2, { value: sheet3, writable: false })");
    shouldBe("document.adoptedStyleSheets.length", "2");

    document.adoptedStyleSheets.length = 0;
}

runTest();
</script>
</body>