LayoutTests/svg/dynamic-updates/resources/SVGForeignObjectElement-svgdom-width-prop.js

// [Name] SVGForeignObjectElement-svgdom-width-prop.js
// [Expected rendering result] unclipped 'Test passed' text - and a series of PASS mesages

description("Tests dynamic updates of the 'width' property of the SVGForeignObjectElement object")
createSVGTestCase();

var foreignObjectElement = createSVGElement("foreignObject");
foreignObjectElement.setAttribute("x", "100");
foreignObjectElement.setAttribute("y", "80");
foreignObjectElement.setAttribute("width", "2");
foreignObjectElement.setAttribute("height", "150");

var htmlDivElement = document.createElementNS(xhtmlNS, "xhtml:div");
htmlDivElement.setAttribute("style", "background-color: green; color: white; text-align: center");
htmlDivElement.textContent = "Test passed";

foreignObjectElement.appendChild(htmlDivElement);
rootSVGElement.appendChild(foreignObjectElement);

shouldBe("foreignObjectElement.width.baseVal.value", "2");

function executeTest() {
    foreignObjectElement.width.baseVal.value = "150";
    shouldBe("foreignObjectElement.width.baseVal.value", "150");

    completeTest();
}

startTest(foreignObjectElement, 101, 100);