blob: 3fe5b6763ef8f7416024da3f106ac07a03e99290 [file] [log] [blame]
<html>
<head>
<link rel="stylesheet" href="resources/test-edit-insert-property.css">
<script src="../../http/tests/inspector/inspector-test.js"></script>
<script src="../../http/tests/inspector/debugger-test.js"></script>
<script src="./sass-test.js"></script>
<script>
function test()
{
var header = InspectorTest.cssModel.styleSheetHeaders().find(header => !!header.sourceMapURL)
InspectorTest.runCSSEditTests(header, [
function testPrependProperty(text)
{
return [
InspectorTest.createEdit(text, "color", "border: 1px solid black;color")
];
},
function testInsertMiddleProperty(text)
{
return [
InspectorTest.createEdit(text, "red;", "red;border: 1px solid black;")
];
},
function testInsertTrailingProperty(text)
{
return [
InspectorTest.createEdit(text, "10px;", "10px;border: 1px solid black;")
];
},
function testInsertDuplicateProperties(text)
{
return [
InspectorTest.createEdit(text, "color", "border: 1px solid black;color", 0),
InspectorTest.createEdit(text, "color", "border: 1px solid black;color", 2),
];
},
function testPrependDifferentPropertiesSameRule(text)
{
return [
InspectorTest.createEdit(text, "color", "display:flex;overflow:hidden;color"),
];
},
function testInsertTrailingDifferentPropertiesSameRule(text)
{
return [
InspectorTest.createEdit(text, "10px;", "10px;display:flex;overflow:hidden;"),
];
},
function testInsertDifferentPropertiesDifferentRules(text)
{
return [
InspectorTest.createEdit(text, "color", "margin:10px;color", 0),
InspectorTest.createEdit(text, "10px;", "10px;border: 1px solid black;", 2)
];
},
]);
}
</script>
</head>
<body onload="runTest()">
<p>Verify that inserting operation works correctly.</p>
</body>
</html>