LayoutTests/svg/dynamic-updates/resources/SVGForeignObjectElement-dom-width-attr.js

// [Name] SVGForeignObjectElement-dom-width-attr.js
// [Expected rendering result] unclipped 'Test passed' text - and a series of PASS messages

description("Tests dynamic updates of the 'width' attribute 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);

shouldBeEqualToString("foreignObjectElement.getAttribute('width')", "2");

function executeTest() {
    foreignObjectElement.setAttribute("width", "150");
    shouldBeEqualToString("foreignObjectElement.getAttribute('width')", "150");

    completeTest();
}

startTest(foreignObjectElement, 101, 100);

var successfullyParsed = true;