| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../../http/tests/inspector/resources/inspector-test.js"></script> |
| <script> |
| function test() { |
| let suite = InspectorTest.createAsyncSuite("WI.incrementElementValue"); |
| |
| suite.addTestCase({ |
| name: "incrementElementValue.numeric", |
| description: "Ensure that WI.incrementElementValue increments and decrements a numeric value.", |
| test(resolve, reject) { |
| let span = document.createElement("span"); |
| span.contentEditable = true; |
| span.textContent = "font-size: 10px;"; |
| document.body.append(span); |
| |
| let selection = window.getSelection(); |
| let textNode = span.firstChild; |
| selection.setBaseAndExtent(textNode, "font-size: ".length, textNode, "font-size: 10px".length); |
| |
| WI.incrementElementValue(span, 0.1); |
| InspectorTest.expectEqual(span.textContent, "font-size: 10.1px;", `Should increment by 0.1.`); |
| |
| WI.incrementElementValue(span, -1); |
| InspectorTest.expectEqual(span.textContent, "font-size: 9.1px;", `Should decrement by 1.`); |
| |
| WI.incrementElementValue(span, 10); |
| InspectorTest.expectEqual(span.textContent, "font-size: 19.1px;", `Should increment by 10.`); |
| |
| WI.incrementElementValue(span, -100); |
| InspectorTest.expectEqual(span.textContent, "font-size: -80.9px;", `Should decrement by 100.`); |
| |
| resolve(); |
| } |
| }); |
| |
| suite.addTestCase({ |
| name: "incrementElementValue.nonNumeric", |
| description: "Ensure that WI.incrementElementValue does not change non-numeric values.", |
| test(resolve, reject) { |
| let span = document.createElement("span"); |
| span.contentEditable = true; |
| span.textContent = "background-color"; |
| document.body.append(span); |
| |
| let selection = window.getSelection(); |
| let textNode = span.firstChild; |
| selection.setBaseAndExtent(textNode, "background".length, textNode, "background-".length); |
| |
| WI.incrementElementValue(span, 1); |
| InspectorTest.expectEqual(span.textContent, "background-color", `Text should not change.`); |
| |
| resolve(); |
| } |
| }); |
| |
| suite.runTestCasesAndFinish(); |
| } |
| </script> |
| </head> |
| <body onload="runTest()"> |
| <p>Testing that WI.incrementElementValue works for numeric values.</p> |
| </body> |
| </html> |
