---
source: tests/transform.rs
expression: element.transform()
---
Element {
    tag: Native(
        "div",
    ),
    attrs: [
        Attr {
            key: Attr(
                "class",
            ),
            value: Lit(
                Str(
                    Str {
                        span: Span {
                            lo: BytePos(
                                23,
                            ),
                            hi: BytePos(
                                29,
                            ),
                            ctxt: #0,
                        },
                        value: Atom('cls1' type=inline),
                        raw: Some(
                            "\"cls1\"",
                        ),
                    },
                ),
            ),
        },
        Attr {
            key: Attr(
                "style",
            ),
            value: Lit(
                Str(
                    Str {
                        span: Span {
                            lo: BytePos(
                                36,
                            ),
                            hi: BytePos(
                                60,
                            ),
                            ctxt: #0,
                        },
                        value: Atom('background-color: red;' type=dynamic),
                        raw: Some(
                            "\"background-color: red;\"",
                        ),
                    },
                ),
            ),
        },
    ],
    children: [
        Element(
            Element {
                tag: Native(
                    "div",
                ),
                attrs: [
                    Attr {
                        key: Attr(
                            "id",
                        ),
                        value: Lit(
                            Str(
                                Str {
                                    span: Span {
                                        lo: BytePos(
                                            82,
                                        ),
                                        hi: BytePos(
                                            94,
                                        ),
                                        ctxt: #0,
                                    },
                                    value: Atom('firstChild' type=dynamic),
                                    raw: Some(
                                        "\"firstChild\"",
                                    ),
                                },
                            ),
                        ),
                    },
                ],
                children: [],
                raw: JSXElement {
                    span: Span {
                        lo: BytePos(
                            74,
                        ),
                        hi: BytePos(
                            101,
                        ),
                        ctxt: #0,
                    },
                    opening: JSXOpeningElement {
                        name: Ident(
                            Ident {
                                span: Span {
                                    lo: BytePos(
                                        75,
                                    ),
                                    hi: BytePos(
                                        78,
                                    ),
                                    ctxt: #0,
                                },
                                sym: Atom('div' type=static),
                                optional: false,
                            },
                        ),
                        span: Span {
                            lo: BytePos(
                                74,
                            ),
                            hi: BytePos(
                                95,
                            ),
                            ctxt: #0,
                        },
                        attrs: [
                            JSXAttr(
                                JSXAttr {
                                    span: Span {
                                        lo: BytePos(
                                            79,
                                        ),
                                        hi: BytePos(
                                            94,
                                        ),
                                        ctxt: #0,
                                    },
                                    name: Ident(
                                        Ident {
                                            span: Span {
                                                lo: BytePos(
                                                    79,
                                                ),
                                                hi: BytePos(
                                                    81,
                                                ),
                                                ctxt: #0,
                                            },
                                            sym: Atom('id' type=static),
                                            optional: false,
                                        },
                                    ),
                                    value: Some(
                                        Lit(
                                            Str(
                                                Str {
                                                    span: Span {
                                                        lo: BytePos(
                                                            82,
                                                        ),
                                                        hi: BytePos(
                                                            94,
                                                        ),
                                                        ctxt: #0,
                                                    },
                                                    value: Atom('firstChild' type=dynamic),
                                                    raw: Some(
                                                        "\"firstChild\"",
                                                    ),
                                                },
                                            ),
                                        ),
                                    ),
                                },
                            ),
                        ],
                        self_closing: false,
                        type_args: None,
                    },
                    children: [],
                    closing: Some(
                        JSXClosingElement {
                            span: Span {
                                lo: BytePos(
                                    95,
                                ),
                                hi: BytePos(
                                    101,
                                ),
                                ctxt: #0,
                            },
                            name: Ident(
                                Ident {
                                    span: Span {
                                        lo: BytePos(
                                            97,
                                        ),
                                        hi: BytePos(
                                            100,
                                        ),
                                        ctxt: #0,
                                    },
                                    sym: Atom('div' type=static),
                                    optional: false,
                                },
                            ),
                        },
                    ),
                },
                is_static: true,
            },
        ),
    ],
    raw: JSXElement {
        span: Span {
            lo: BytePos(
                12,
            ),
            hi: BytePos(
                118,
            ),
            ctxt: #0,
        },
        opening: JSXOpeningElement {
            name: Ident(
                Ident {
                    span: Span {
                        lo: BytePos(
                            13,
                        ),
                        hi: BytePos(
                            16,
                        ),
                        ctxt: #0,
                    },
                    sym: Atom('div' type=static),
                    optional: false,
                },
            ),
            span: Span {
                lo: BytePos(
                    12,
                ),
                hi: BytePos(
                    61,
                ),
                ctxt: #0,
            },
            attrs: [
                JSXAttr(
                    JSXAttr {
                        span: Span {
                            lo: BytePos(
                                17,
                            ),
                            hi: BytePos(
                                29,
                            ),
                            ctxt: #0,
                        },
                        name: Ident(
                            Ident {
                                span: Span {
                                    lo: BytePos(
                                        17,
                                    ),
                                    hi: BytePos(
                                        22,
                                    ),
                                    ctxt: #0,
                                },
                                sym: Atom('class' type=static),
                                optional: false,
                            },
                        ),
                        value: Some(
                            Lit(
                                Str(
                                    Str {
                                        span: Span {
                                            lo: BytePos(
                                                23,
                                            ),
                                            hi: BytePos(
                                                29,
                                            ),
                                            ctxt: #0,
                                        },
                                        value: Atom('cls1' type=inline),
                                        raw: Some(
                                            "\"cls1\"",
                                        ),
                                    },
                                ),
                            ),
                        ),
                    },
                ),
                JSXAttr(
                    JSXAttr {
                        span: Span {
                            lo: BytePos(
                                30,
                            ),
                            hi: BytePos(
                                60,
                            ),
                            ctxt: #0,
                        },
                        name: Ident(
                            Ident {
                                span: Span {
                                    lo: BytePos(
                                        30,
                                    ),
                                    hi: BytePos(
                                        35,
                                    ),
                                    ctxt: #0,
                                },
                                sym: Atom('style' type=static),
                                optional: false,
                            },
                        ),
                        value: Some(
                            Lit(
                                Str(
                                    Str {
                                        span: Span {
                                            lo: BytePos(
                                                36,
                                            ),
                                            hi: BytePos(
                                                60,
                                            ),
                                            ctxt: #0,
                                        },
                                        value: Atom('background-color: red;' type=dynamic),
                                        raw: Some(
                                            "\"background-color: red;\"",
                                        ),
                                    },
                                ),
                            ),
                        ),
                    },
                ),
            ],
            self_closing: false,
            type_args: None,
        },
        children: [
            JSXText(
                JSXText {
                    span: Span {
                        lo: BytePos(
                            61,
                        ),
                        hi: BytePos(
                            74,
                        ),
                        ctxt: #0,
                    },
                    value: "\n\n            ",
                    raw: "\n\n            ",
                },
            ),
            JSXElement(
                JSXElement {
                    span: Span {
                        lo: BytePos(
                            74,
                        ),
                        hi: BytePos(
                            101,
                        ),
                        ctxt: #0,
                    },
                    opening: JSXOpeningElement {
                        name: Ident(
                            Ident {
                                span: Span {
                                    lo: BytePos(
                                        75,
                                    ),
                                    hi: BytePos(
                                        78,
                                    ),
                                    ctxt: #0,
                                },
                                sym: Atom('div' type=static),
                                optional: false,
                            },
                        ),
                        span: Span {
                            lo: BytePos(
                                74,
                            ),
                            hi: BytePos(
                                95,
                            ),
                            ctxt: #0,
                        },
                        attrs: [
                            JSXAttr(
                                JSXAttr {
                                    span: Span {
                                        lo: BytePos(
                                            79,
                                        ),
                                        hi: BytePos(
                                            94,
                                        ),
                                        ctxt: #0,
                                    },
                                    name: Ident(
                                        Ident {
                                            span: Span {
                                                lo: BytePos(
                                                    79,
                                                ),
                                                hi: BytePos(
                                                    81,
                                                ),
                                                ctxt: #0,
                                            },
                                            sym: Atom('id' type=static),
                                            optional: false,
                                        },
                                    ),
                                    value: Some(
                                        Lit(
                                            Str(
                                                Str {
                                                    span: Span {
                                                        lo: BytePos(
                                                            82,
                                                        ),
                                                        hi: BytePos(
                                                            94,
                                                        ),
                                                        ctxt: #0,
                                                    },
                                                    value: Atom('firstChild' type=dynamic),
                                                    raw: Some(
                                                        "\"firstChild\"",
                                                    ),
                                                },
                                            ),
                                        ),
                                    ),
                                },
                            ),
                        ],
                        self_closing: false,
                        type_args: None,
                    },
                    children: [],
                    closing: Some(
                        JSXClosingElement {
                            span: Span {
                                lo: BytePos(
                                    95,
                                ),
                                hi: BytePos(
                                    101,
                                ),
                                ctxt: #0,
                            },
                            name: Ident(
                                Ident {
                                    span: Span {
                                        lo: BytePos(
                                            97,
                                        ),
                                        hi: BytePos(
                                            100,
                                        ),
                                        ctxt: #0,
                                    },
                                    sym: Atom('div' type=static),
                                    optional: false,
                                },
                            ),
                        },
                    ),
                },
            ),
            JSXText(
                JSXText {
                    span: Span {
                        lo: BytePos(
                            101,
                        ),
                        hi: BytePos(
                            112,
                        ),
                        ctxt: #0,
                    },
                    value: "\n\n          ",
                    raw: "\n\n          ",
                },
            ),
        ],
        closing: Some(
            JSXClosingElement {
                span: Span {
                    lo: BytePos(
                        112,
                    ),
                    hi: BytePos(
                        118,
                    ),
                    ctxt: #0,
                },
                name: Ident(
                    Ident {
                        span: Span {
                            lo: BytePos(
                                114,
                            ),
                            hi: BytePos(
                                117,
                            ),
                            ctxt: #0,
                        },
                        sym: Atom('div' type=static),
                        optional: false,
                    },
                ),
            },
        ),
    },
    is_static: true,
}