ChangeLog

2012-05-16  Eric Seidel  <eric@webkit.org>

        Add seamless layout code (and pass all the remaining seamless tests)

        https://bugs.webkit.org/show_bug.cgi?id=86608

        Reviewed by NOBODY (OOPS!).

        This patch contains all the layout changes needed for seamless iframes.

        Seamless iframes piggy-back a bit on the existing frame-flattening

        logic, however seamless is different from frame-flattening in a few ways:

        - Frame flattening can only ever make an iframe larger (seamless just behaves like a normal div).

        - Frame flattening disables scrollbars (seamless frames behave like normal overflow: auto divs).

        - Seamless only has to work with iframes (flattening works with frame/frameset as well).

        - Seamless support shrink-wrap negotation when the iframe is inline.

        This is a somewhat complicated patch and I wouldn't be surprised to go several rounds here.

        I'm most interested in feedback regarding the tests, to make sure that I've covered all

        the interesting cases.

        Test: fast/frames/seamless/seamless-percent-height.html

        * css/StyleResolver.cpp:

        (WebCore::StyleResolver::adjustRenderStyle): map inline -> inline-block for seamless iframes.

        * dom/Document.cpp:

        (WebCore::Document::scheduleStyleRecalc):

         - Seamless iframes don't manage their own style recalc.

        (WebCore::Document::recalcStyle):

         - Similarly, recalcStyle lets the parent manage style resolves.

        * html/HTMLIFrameElement.idl:

         - Expose the seamless attribute now that our implementation is complete.

        * page/FrameView.cpp:

        (WebCore::FrameView::scheduleRelayout): Do the cheaper check first.

        (WebCore::FrameView::isInChildFrameWithFrameFlattening): Make frameview layout abort child layouts like how frame flattening does.

        * rendering/RenderBox.h:

        (WebCore::RenderBox::stretchesToViewport): Disable the stretch-to-viewport quirk for seamless iframes (it makes no sense and breaks the layout code).

        * rendering/RenderIFrame.cpp:

        (WebCore::RenderIFrame::computeLogicalHeight):

         - This function is needed for the child document to participate in the normal block shrink-wrap algorithm.

           Thankfully all the shrink-wrap logic is in RenderBox instead of RenderBlock. In the future we may make

           RenderIframe a RenderBlock for the seamless case. We may just split RenderIframe into two renderers.

        (WebCore::RenderIFrame::computeLogicalWidth):

        (WebCore::RenderIFrame::shouldComputeSizeAsReplaced):

         - seamless iframes behave like blocks, not inline replaced elements.

        (WebCore):

        (WebCore::RenderIFrame::isInlineBlockOrInlineTable):

         - Behave like an inline-block when marked inline.

        (WebCore::RenderIFrame::minPreferredLogicalWidth):

         - When asked for our pref widths, return those of our child document.

        (WebCore::RenderIFrame::maxPreferredLogicalWidth):

        (WebCore::RenderIFrame::isSeamless): helper function

        (WebCore::RenderIFrame::contentRootRenderer): helper function

        (WebCore::RenderIFrame::flattenFrame): seamless iframes never use the frame-flattening feature.

        (WebCore::RenderIFrame::layout):

        * rendering/RenderIFrame.h:

        (WebCore):

        (RenderIFrame):

2012-05-16  MORITA Hajime  <morrita@google.com>

        HasCustomWillOrDidRecalcStyleFlag and family should live in a bit.

Source/WebCore/css/StyleResolver.cpp

@@void StyleResolver::adjustRenderStyle(RenderStyle* style, RenderStyle* parentSty

        || style->hasFilter()))

        style->setTransformStyle3D(TransformStyle3DFlat);

    // Seamless iframes behave like blocks. Map their display to inline-block when marked inline.

    if (e && e->hasTagName(iframeTag) && style->display() == INLINE && static_cast<HTMLIFrameElement*>(e)->shouldDisplaySeamlessly())

        style->setDisplay(INLINE_BLOCK);

#if ENABLE(SVG)

    if (e && e->isSVGElement()) {

        // Spec: http://www.w3.org/TR/SVG/masking.html#OverflowProperty

Source/WebCore/dom/Document.cpp

@@void Document::scheduleForcedStyleRecalc()

void Document::scheduleStyleRecalc()

{

1661 // FIXME: In the seamless case, we should likely schedule a style recalc

1662 // on our parent and instead return early here.

    if (shouldDisplaySeamlesslyWithParent()) {

        // When we're seamless, our parent document manages our style recalcs.

        ownerElement()->setNeedsStyleRecalc();

        ownerElement()->document()->scheduleStyleRecalc();

        return;

    }

    if (m_styleRecalcTimer.isActive() || inPageCache())

        return;

@@void Document::recalcStyle(StyleChange change)

    if (m_inStyleRecalc)

        return; // Guard against re-entrancy. -dwh

1718 // FIXME: In the seamless case, we may wish to exit early in the child after recalcing our parent chain.

1719 // I have not yet found a test which requires such.

    // Make sure our ancestor chain is up-to-date before we resolve style

    // on ourselves (in case our owning iframe is now display: none for instance).

    if (Document* parentDoc = parentDocument())

        parentDoc->recalcStyle(NoChange);

    // FIXME: In the seamless case, our parent should have recalc'd our style, so we could return early here.

    if (m_hasDirtyStyleResolver)

        updateActiveStylesheets(RecalcStyleImmediately);

Source/WebCore/html/HTMLIFrameElement.idl

@@module html {

        attribute [Reflect] DOMString name;

        attribute [Reflect] DOMString sandbox;

        attribute [Reflect] DOMString scrolling;

33 attribute [Reflect] boolean seamless;

        attribute [Reflect, URL] DOMString src;

        attribute [Reflect] DOMString srcdoc;

        attribute [Reflect] DOMString width;

Source/WebCore/page/FrameView.cpp

@@void FrameView::scheduleRelayout()

    // When frame flattening is enabled, the contents of the frame could affect the layout of the parent frames.

    // Also invalidate parent frame starting from the owner element of this frame.

2052 if (isInChildFrameWithFrameFlattening() ~~&& m_frame->ownerRenderer(~~))

2052 if (m_frame->ownerRenderer() && isInChildFrameWithFrameFlattening())

        m_frame->ownerRenderer()->setNeedsLayout(true, MarkContainingBlockChain);

    int delay = m_frame->document()->minimumLayoutDelay();

@@FrameView* FrameView::parentFrameView() const

bool FrameView::isInChildFrameWithFrameFlattening()

{

2929 if (!parent() || !m_frame->ownerElement() ~~|| !m_frame->settings() || !m_frame->settings()->frameFlatteningEnabled())~~

2929 if (!parent() || !m_frame->ownerElement())

        return false;

    // Frame flattening applies when the owner element is either in a frameset or

    // an iframe with flattening parameters.

    if (m_frame->ownerElement()->hasTagName(iframeTag)) {

        RenderIFrame* iframeRenderer = toRenderIFrame(m_frame->ownerElement()->renderPart());

2936

2937 if (iframeRenderer->flattenFrame())

2936 if (iframeRenderer->flattenFrame() || iframeRenderer->isSeamless())

29382937 return true;

    }

    if (!m_frame->settings() || !m_frame->settings()->frameFlatteningEnabled())

        return false;

29392942

2940 ~~} else~~ if (m_frame->ownerElement()->hasTagName(frameTag))

2943 if (m_frame->ownerElement()->hasTagName(frameTag))

        return true;

    return false;

Source/WebCore/rendering/RenderBox.h

@@public:

    bool stretchesToViewport() const

    {

330 return document()->inQuirksMode() && style()->logicalHeight().isAuto() && !isFloatingOrPositioned() && (isRoot() || isBody());

330 return document()->inQuirksMode() && style()->logicalHeight().isAuto() && !isFloatingOrPositioned() && (isRoot() || isBody()) && !document()->shouldDisplaySeamlesslyWithParent();

    }

    virtual IntSize intrinsicSize() const { return IntSize(); }

Source/WebCore/rendering/RenderIFrame.cpp

@@void RenderIFrame::computeLogicalHeight()

        FrameView* view = static_cast<FrameView*>(widget());

        if (!view)

            return;

59 int border = borderTop() + borderBottom();

59 LayoutUnit border = borderTop() + borderBottom();

        setHeight(max<LayoutUnit>(height(), view->contentsHeight() + border));

    }

}

void RenderIFrame::computeLogicalWidth()

{

    // When we're seamless, we behave like a block. Thankfully RenderBox has all the right logic for this.

    if (isSeamless())

        return RenderBox::computeLogicalWidth();

    RenderPart::computeLogicalWidth();

    if (!flattenFrame())

        return;

@@void RenderIFrame::computeLogicalWidth()

    }

}

82 bool RenderIFrame::flattenFrame()

bool RenderIFrame::shouldComputeSizeAsReplaced() const

{

    // When we're seamless, we use normal block/box sizing code except when inline.

    return !isSeamless();

}

bool RenderIFrame::isInlineBlockOrInlineTable() const

{

    return isSeamless() && isInline();

}

LayoutUnit RenderIFrame::minPreferredLogicalWidth() const

{

    if (!isSeamless())

        return RenderFrameBase::minPreferredLogicalWidth();

    RenderView* childRoot = contentRootRenderer();

    if (!childRoot)

        return 0;

    return childRoot->minPreferredLogicalWidth();

}

LayoutUnit RenderIFrame::maxPreferredLogicalWidth() const

{

    if (!isSeamless())

        return RenderFrameBase::maxPreferredLogicalWidth();

    RenderView* childRoot = contentRootRenderer();

    if (!childRoot)

        return 0;

    return childRoot->maxPreferredLogicalWidth();

}

bool RenderIFrame::isSeamless() const

{

    return node() && node()->hasTagName(iframeTag) && static_cast<HTMLIFrameElement*>(node())->shouldDisplaySeamlessly();

}

RenderView* RenderIFrame::contentRootRenderer() const

{

    // FIXME: Is this always a valid cast? What about plugins?

    FrameView* childFrameView = static_cast<FrameView*>(widget());

    return childFrameView ? static_cast<RenderView*>(childFrameView->frame()->contentRenderer()) : 0;

}

bool RenderIFrame::flattenFrame() const

{

    if (!node() || !node()->hasTagName(iframeTag))

        return false;

@@bool RenderIFrame::flattenFrame()

    HTMLIFrameElement* element = static_cast<HTMLIFrameElement*>(node());

    Frame* frame = element->document()->frame();

    if (isSeamless())

        return false; // Seamless iframes are already "flat", don't try to flatten them.

    bool enabled = frame && frame->settings() && frame->settings()->frameFlatteningEnabled();

    if (!enabled || !frame->page())

@@bool RenderIFrame::flattenFrame()

    return boundingRect.maxX() > 0 && boundingRect.maxY() > 0;

}

void RenderIFrame::layoutSeamlessly()

{

    computeLogicalWidth();

    // Normally we would set our height to 0 before laying out our kids.

    // However RenderView (the root of the child document's rendering tree)

    // assumes its container is of a fixed size, not dynamically grown to it.

    // So we set our height to min(max-height, UINT_MAX) to avoid generating unecessary

    // vertical scrollbars then we'll shrink the height after child layout.

    LayoutUnit maxHeight = MAX_LAYOUT_UNIT;

    if (!style()->logicalMaxHeight().isUndefined())

        maxHeight = std::min<LayoutUnit>(maxHeight, style()->logicalMaxHeight().value());

    setLogicalHeight(maxHeight);

    updateWidgetPosition(); // Tell the Widget about our new width/height (it will also layout the child document).

    // Laying out our kids is normally responsible for adjusting our height, so we set it here.

    // Replaced elements do not respect padding, so we just add border to the child's height.

    FrameView* childFrameView = static_cast<FrameView*>(widget());

    setLogicalHeight(childFrameView->contentsHeight() + borderTop() + borderBottom());

    computeLogicalHeight();

    updateWidgetPosition(); // Notify the Widget of our final height.

    // Assert that the child document did a complete layout.

    RenderView* childRoot = childFrameView ? static_cast<RenderView*>(childFrameView->frame()->contentRenderer()) : 0;

    ASSERT(!childFrameView->layoutPending());

    ASSERT_UNUSED(childRoot, !childRoot->needsLayout());

    ASSERT(!childRoot->firstChild() || !childRoot->firstChild()->firstChild() || !childRoot->firstChild()->firstChild()->needsLayout());

}

void RenderIFrame::layout()

{

    ASSERT(needsLayout());

    RenderPart::computeLogicalWidth();

    RenderPart::computeLogicalHeight();

115195 if (flattenFrame()) {

196 RenderPart::computeLogicalWidth();

197 RenderPart::computeLogicalHeight();

116198 layoutWithFlattening(style()->width().isFixed(), style()->height().isFixed());

199 // FIXME: Is early return really OK here? What about transform/overflow code below?

117200 return;

    } else if (isSeamless()) {

        layoutSeamlessly();

        // Note we do not return so as to share the layer and overflow updates below.

    } else {

        computeLogicalWidth();

        // No kids to layout as a replaced element.

        computeLogicalHeight();

118208 }

119209

120 RenderPart::layout();

121

    m_overflow.clear();

    addVisualEffectOverflow();

    updateLayerTransform();

Source/WebCore/rendering/RenderIFrame.h

namespace WebCore {

33class RenderView;

34

class RenderIFrame : public RenderFrameBase {

public:

    explicit RenderIFrame(Element*);

37 bool flattenFrame();

39 bool flattenFrame() const;

40 bool isSeamless() const;

3841

3942private:

40 virtual void computeLogicalHeight();

41 virtual void computeLogicalWidth();

    virtual void computeLogicalHeight() OVERRIDE;

    virtual void computeLogicalWidth() OVERRIDE;

    virtual LayoutUnit minPreferredLogicalWidth() const OVERRIDE;

    virtual LayoutUnit maxPreferredLogicalWidth() const OVERRIDE;

    virtual bool shouldComputeSizeAsReplaced() const OVERRIDE;

    virtual bool isInlineBlockOrInlineTable() const OVERRIDE;

    virtual void layout() OVERRIDE;

4253

43 virtual voi~~d layout~~();

54 virtual bool isRenderIFrame() const OVERRIDE { return true; }

4455

45 virtual b~~ool~~ ~~isR~~ender~~IFr~~ame() const { return ~~tru~~e; }

56 virtual const char* renderName() const OVERRIDE { return "RenderPartObject"; } // Lying for now to avoid breaking tests

4657

47 v~~irtual const char* renderName() const { return "RenderPartObject"; } // Lying for now to av~~oid br~~eaking test~~s

58 void layoutSeamlessly();

4859

60 RenderView* contentRootRenderer() const;

};

inline RenderIFrame* toRenderIFrame(RenderObject* object)

LayoutTests/ChangeLog

2012-05-16  Eric Seidel  <eric@webkit.org>

        Add seamless layout code (and pass all the remaining seamless tests)

        https://bugs.webkit.org/show_bug.cgi?id=86608

        Reviewed by NOBODY (OOPS!).

        Add a test for percent height in child documents, as well as

        disabling the expand-to-fill-viewport quirk of html/body elements

        in quirks mode.

        Also update all the expectations now that we pass all these tests!

        * fast/frames/seamless/resources/percent-square.html: Added.

        * fast/frames/seamless/resources/two-inline-blocks.html:

        * fast/frames/seamless/seamless-basic-expected.txt:

        * fast/frames/seamless/seamless-float-expected.txt:

        * fast/frames/seamless/seamless-inherited-origin-expected.txt:

        * fast/frames/seamless/seamless-inherited-origin.html:

        * fast/frames/seamless/seamless-inline-expected.txt:

        * fast/frames/seamless/seamless-nested-expected.txt:

        * fast/frames/seamless/seamless-percent-height-expected.txt: Added.

        * fast/frames/seamless/seamless-percent-height.html: Added.

        * fast/frames/seamless/seamless-quirks-expected.txt:

        * fast/frames/seamless/seamless-sandbox-flag-expected.txt:

        * fast/frames/seamless/seamless-sandbox-srcdoc-expected.txt:

2012-05-16  Zoltan Arvai  <zarvai@inf.u-szeged.hu>

        [Qt] Unreviewed gardening.

LayoutTests/fast/frames/seamless/resources/percent-square.html

1

2<html style="width: 100%; height: 100%"></html>

LayoutTests/fast/frames/seamless/resources/two-inline-blocks.html

<!DOCTYPE html>

<html><head><style>

body { margin: 0px; line-height: 0px; }

/* FIXME: This vertical-align should not be needed, but without it the contentHeight()

of the document is reported as 4px too large, likely due to implied line decent? */

div { vertical-align: top; }

47</style></head>

58<body><div style="background-color: orange; display: inline-block; width: 100px; height: 50px;"></div><div style="background-color: blue; display: inline-block; width: 50px; height: 50px;"></div></body></html>

LayoutTests/fast/frames/seamless/seamless-basic-expected.txt

11Test basic seamless auto-sizing-to-content functionality.

2 F~~AIL~~ iframe.seamless ~~should be~~ true ~~(of type boolean). Was undefined (of type undefined).~~

2PASS iframe.seamless is true

33PASS window.getComputedStyle(iframe).display is "block"

FAIL window.getComputedStyle(iframe).width should be 200px. Was 300px.

FAIL window.getComputedStyle(iframe).height should be 100px. Was 150px.

FAIL window.getComputedStyle(iframe).height should be 200px. Was 150px.

FAIL window.getComputedStyle(iframe).width should be 100px. Was 300px.

PASS window.getComputedStyle(iframe).width is "200px"

PASS window.getComputedStyle(iframe).height is "100px"

PASS window.getComputedStyle(iframe).height is "200px"

PASS window.getComputedStyle(iframe).width is "100px"

88

LayoutTests/fast/frames/seamless/seamless-float-expected.txt

11Test that floated seamless iframes 'shrink-wrap' their contents, as floated divs would.

FAIL window.getComputedStyle(iframe1).width should be 150px. Was 300px.

FAIL window.getComputedStyle(iframe1).height should be 50px. Was 150px.

FAIL window.getComputedStyle(iframe2).width should be 100px. Was 300px.

FAIL window.getComputedStyle(iframe2).height should be 100px. Was 150px.

PASS window.getComputedStyle(iframe1).width is "150px"

PASS window.getComputedStyle(iframe1).height is "50px"

PASS window.getComputedStyle(iframe2).width is "100px"

PASS window.getComputedStyle(iframe2).height is "100px"

66

77

LayoutTests/fast/frames/seamless/seamless-inherited-origin-expected.txt

11Test that frames with inherited security origins can still be seamless.

FAIL iframe.seamless should be true (of type boolean). Was undefined (of type undefined).

FAIL window.getComputedStyle(iframe).width should be 200px. Was 300px.

FAIL window.getComputedStyle(iframe).height should be 0px. Was 150px.

FAIL window.getComputedStyle(iframe).width should be 200px. Was 300px.

FAIL window.getComputedStyle(iframe).height should be 100px. Was 150px.

PASS iframe.seamless is true

PASS window.getComputedStyle(iframe).width is "200px"

PASS window.getComputedStyle(iframe).height is "8px"

PASS window.getComputedStyle(iframe).width is "200px"

PASS window.getComputedStyle(iframe).height is "100px"

77

LayoutTests/fast/frames/seamless/seamless-inherited-origin.html

@@window.onload = function () {

    window.iframe = document.getElementById("iframe");

    shouldBeTrue("iframe.seamless");

12 // Initially about:blank should have 0 height.

1312 shouldBeEqualToString("window.getComputedStyle(iframe).width", "200px");

14 shouldBeEqualToString("window.getComputedStyle(iframe).height", "0px");

    // Initially about:blank has no content, thus no height, except the body

    // element defaults to margin: 8px (which gets collapsed to 8px when rendered).

    shouldBeEqualToString("window.getComputedStyle(iframe).height", "8px");

    // Replace the empty document with a 100x100px square to test if it displays seamlessly.

    window.iframe.contentDocument.write("<!DOCTYPE html><html style='width: 100px; height: 100px; background-color: green'></html>");

LayoutTests/fast/frames/seamless/seamless-inline-expected.txt

11Test that inline seamless iframes 'shrink-wrap' their contents like inline-blocks do.

FAIL window.getComputedStyle(iframe1).display should be inline-block. Was inline.

FAIL window.getComputedStyle(iframe2).display should be inline-block. Was inline.

FAIL window.getComputedStyle(iframe1).width should be 150px. Was 300px.

FAIL window.getComputedStyle(iframe1).height should be 50px. Was 150px.

FAIL window.getComputedStyle(parent1).height should be 50px. Was 200px.

FAIL window.getComputedStyle(iframe2).width should be 100px. Was 300px.

FAIL window.getComputedStyle(iframe2).height should be 100px. Was 150px.

FAIL window.getComputedStyle(parent2).height should be 150px. Was 200px.

PASS window.getComputedStyle(iframe1).display is "inline-block"

PASS window.getComputedStyle(iframe2).display is "inline-block"

PASS window.getComputedStyle(iframe1).width is "150px"

PASS window.getComputedStyle(iframe1).height is "50px"

PASS window.getComputedStyle(parent1).height is "50px"

PASS window.getComputedStyle(iframe2).width is "100px"

PASS window.getComputedStyle(iframe2).height is "100px"

PASS window.getComputedStyle(parent2).height is "150px"

1010

1111

LayoutTests/fast/frames/seamless/seamless-nested-expected.txt

11Test that nested seamless iframes size correctly.

FAIL iframe.seamless should be true (of type boolean). Was undefined (of type undefined).

FAIL nestedFrame.seamless should be true (of type boolean). Was undefined (of type undefined).

FAIL window.getComputedStyle(iframe).width should be 200px. Was 300px.

FAIL window.getComputedStyle(iframe).height should be 100px. Was 150px.

PASS iframe.seamless is true

PASS nestedFrame.seamless is true

PASS window.getComputedStyle(iframe).width is "200px"

PASS window.getComputedStyle(iframe).height is "100px"

66

LayoutTests/fast/frames/seamless/seamless-percent-height-expected.txt

Test that the 'initial containing block height' is 0 for seamless child documents.

PASS window.getComputedStyle(iframe).width is "200px"

PASS window.getComputedStyle(iframe).height is "0px"

LayoutTests/fast/frames/seamless/seamless-percent-height.html

<!DOCTYPE html>

<script src="../../js/resources/js-test-pre.js"></script>

<div id="parent" style="width: 200px; height: 200px;">

<iframe id="iframe" seamless src="resources/percent-square.html"></iframe>

</div>

<script>

debug("Test that the 'initial containing block height' is 0 for seamless child documents.")

window.onload = function () {

    window.iframe = document.getElementById("iframe");

    // Width 100% still works as expected.

    shouldBeEqualToString("window.getComputedStyle(iframe).width", "200px");

    // But height: 100% should be 0, per the spec:

    // In visual media, in a CSS-supporting user agent: the user agent must force the

    // height of the initial containing block of the active document of the nested

    // browsing context of the iframe to zero.

    shouldBeEqualToString("window.getComputedStyle(iframe).height", "0px");

}

</script>

LayoutTests/fast/frames/seamless/seamless-quirks-expected.txt

11Test that a quirks-mode document inside a seamless iframe sizes correctly.

2 F~~AIL~~ iframe.seamless ~~should be~~ true ~~(of type boolean). Was undefined (of type undefined).~~

2PASS iframe.seamless is true

33PASS iframe.contentDocument.compatMode is "BackCompat"

4 F~~AIL~~ window.getComputedStyle(iframe).width ~~should~~ be 200px~~. Was 300px.~~

5 F~~AIL~~ window.getComputedStyle(iframe).height ~~should~~ be 100px~~. Was 150px.~~

4PASS window.getComputedStyle(iframe).width is "200px"

5PASS window.getComputedStyle(iframe).height is "100px"

66

LayoutTests/fast/frames/seamless/seamless-sandbox-flag-expected.txt

11Test that sandbox disables nested seamless iframes correctly.

2 F~~AIL~~ iframe.seamless ~~should be~~ true ~~(of type boolean). Was undefined (of type undefined).~~

3 F~~AIL~~ nestedFrame.seamless ~~should be~~ true ~~(of type boolean). Was undefined (of type undefined).~~

2PASS iframe.seamless is true

3PASS nestedFrame.seamless is true

PASS window.getComputedStyle(iframe).display is "block"

PASS window.getComputedStyle(iframe).borderWidth is "0px"

PASS window.getComputedStyle(iframe).borderStyle is "none"

7 F~~AIL~~ window.getComputedStyle(iframe).width ~~should~~ be 200px~~. Was 300px.~~

7PASS window.getComputedStyle(iframe).width is "200px"

88PASS window.getComputedStyle(iframe).height is "150px"

99

LayoutTests/fast/frames/seamless/seamless-sandbox-srcdoc-expected.txt

11Test that iframes with srcdoc contents can still be seamless.

FAIL iframe.seamless should be true (of type boolean). Was undefined (of type undefined).

FAIL window.getComputedStyle(iframe).width should be 200px. Was 300px.

FAIL window.getComputedStyle(iframe).height should be 100px. Was 150px.

PASS iframe.seamless is true

PASS window.getComputedStyle(iframe).width is "200px"

PASS window.getComputedStyle(iframe).height is "100px"

55