rrweb/packages/rrdom/test/__snapshots__/virtual-dom.test.ts.snap

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`RRDocument for browser environment create a RRDocument from a html document can build from a common html 1`] = `
"-1 RRDocument
  -2 RRDocumentType
  -3 HTML lang=\\"en\\" 
    -4 HEAD 
      -5 RRText text=\\"\\\\n    \\"
      -6 META charset=\\"UTF-8\\" 
      -7 RRText text=\\"\\\\n    \\"
      -8 META name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" 
      -9 RRText text=\\"\\\\n    \\"
      -10 TITLE 
        -11 RRText text=\\"Main\\"
      -12 RRText text=\\"\\\\n    \\"
      -13 LINK rel=\\"stylesheet\\" href=\\"somelink\\" 
      -14 RRText text=\\"\\\\n    \\"
      -15 STYLE 
        -16 RRText text=\\"\\\\n      h1 {\\\\n        color: 'black';\\\\n      }\\\\n      .blocks {\\\\n        padding: 0;\\\\n      }\\\\n      .blocks1 {\\\\n        margin: 0;\\\\n      }\\\\n      #block1 {\\\\n        width: 100px;\\\\n        height: 200px;\\\\n      }\\\\n      @import url('main.css');\\\\n    \\"
      -17 RRText text=\\"\\\\n  \\"
    -18 RRText text=\\"\\\\n  \\"
    -19 BODY 
      -20 RRText text=\\"\\\\n    \\"
      -21 H1 
        -22 RRText text=\\"This is a h1 heading\\"
      -23 RRText text=\\"\\\\n    \\"
      -24 H1 style=\\"font-size: 16px\\" 
        -25 RRText text=\\"This is a h1 heading with styles\\"
      -26 RRText text=\\"\\\\n    \\"
      -27 DIV id=\\"block1\\" class=\\"blocks blocks1\\" 
        -28 RRText text=\\"\\\\n      \\"
        -29 DIV id=\\"block2\\" class=\\"blocks blocks1 :hover\\" 
          -30 RRText text=\\"\\\\n        Text 1\\\\n        \\"
          -31 DIV id=\\"block3\\" 
            -32 RRText text=\\"\\\\n          \\"
            -33 P 
              -34 RRText text=\\"This is a paragraph\\"
            -35 RRText text=\\"\\\\n          \\"
            -36 BUTTON 
              -37 RRText text=\\"button1\\"
            -38 RRText text=\\"\\\\n        \\"
          -39 RRText text=\\"\\\\n        Text 2\\\\n      \\"
        -40 RRText text=\\"\\\\n      \\"
        -41 IMG src=\\"somelink\\" alt=\\"This is an image\\" 
        -42 RRText text=\\"\\\\n      \\"
        -43 RRComment text=\\" This is a line of comment \\"
        -44 RRText text=\\"\\\\n      \\"
        -45 FORM 
          -46 RRText text=\\"\\\\n        \\"
          -47 INPUT type=\\"text\\" id=\\"input1\\" 
          -48 RRText text=\\"\\\\n      \\"
        -49 RRText text=\\"\\\\n    \\"
      -50 RRText text=\\"\\\\n  \\\\n\\\\n\\"
"
`;

exports[`RRDocument for browser environment create a RRDocument from a html document can build from a html containing nested shadow doms 1`] = `
"-1 RRDocument
  -2 RRDocumentType
  -3 HTML lang=\\"en\\" 
    -4 HEAD 
      -5 RRText text=\\"\\\\n    \\"
      -6 META charset=\\"UTF-8\\" 
      -7 RRText text=\\"\\\\n    \\"
      -8 META name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" 
      -9 RRText text=\\"\\\\n    \\"
      -10 TITLE 
        -11 RRText text=\\"shadow dom\\"
      -12 RRText text=\\"\\\\n  \\"
    -13 RRText text=\\"\\\\n  \\"
    -14 BODY 
      -15 RRText text=\\"\\\\n    \\"
      -16 DIV 
        -17 SHADOWROOT 
          -18 RRText text=\\"\\\\n        \\"
          -19 SPAN 
            -20 RRText text=\\" shadow dom one \\"
          -21 RRText text=\\"\\\\n        \\"
          -22 DIV 
            -23 SHADOWROOT 
              -24 RRText text=\\"\\\\n            \\"
              -25 SPAN 
                -26 RRText text=\\" shadow dom two \\"
              -27 RRText text=\\"\\\\n          \\"
            -28 RRText text=\\"\\\\n          \\\\n        \\"
          -29 RRText text=\\"\\\\n      \\"
        -30 RRText text=\\"\\\\n      \\\\n    \\"
      -31 RRText text=\\"\\\\n  \\\\n\\\\n\\"
"
`;

exports[`RRDocument for browser environment create a RRDocument from a html document can build from a xml page 1`] = `
"-1 RRDocument
  -2 XML 
    -3 RRCDATASection data=\\"Some <CDATA> data & then some\\"
"
`;

exports[`RRDocument for browser environment create a RRDocument from a html document can build from an iframe html  1`] = `
"-1 RRDocument
  -2 RRDocumentType
  -3 HTML lang=\\"en\\" 
    -4 HEAD 
      -5 RRText text=\\"\\\\n    \\"
      -6 META charset=\\"UTF-8\\" 
      -7 RRText text=\\"\\\\n    \\"
      -8 META name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" 
      -9 RRText text=\\"\\\\n    \\"
      -10 TITLE 
        -11 RRText text=\\"Iframe\\"
      -12 RRText text=\\"\\\\n  \\"
    -13 RRText text=\\"\\\\n  \\"
    -14 BODY 
      -15 RRText text=\\"\\\\n    \\"
      -16 IFRAME id=\\"iframe1\\" srcdoc=\\"
	    <html>
        <head>
          <meta charset='UTF-8' />
          <meta
            name='viewport'
            content='width=device-width, initial-scale=1.0'
          />
        </head>
        <body>
          <div>This is a block inside the iframe1.</div>
          <iframe id='iframe3' srcdoc='<div>This is a block inside the iframe3.</div>'>
        </body>
      </html>\\" 
        -17 RRDocument
          -18 HTML 
            -19 HEAD 
              -20 RRText text=\\"\\\\n          \\"
              -21 META charset=\\"UTF-8\\" 
              -22 RRText text=\\"\\\\n          \\"
              -23 META name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" 
              -24 RRText text=\\"\\\\n        \\"
            -25 RRText text=\\"\\\\n        \\"
            -26 BODY 
              -27 RRText text=\\"\\\\n          \\"
              -28 DIV 
                -29 RRText text=\\"This is a block inside the iframe1.\\"
              -30 RRText text=\\"\\\\n          \\"
              -31 IFRAME id=\\"iframe3\\" srcdoc=\\"<div>This is a block inside the iframe3.</div>\\" 
                -32 RRDocument
                  -33 HTML 
                    -34 HEAD 
                    -35 BODY 
                      -36 DIV 
                        -37 RRText text=\\"This is a block inside the iframe3.\\"
      -38 RRText text=\\"\\\\n    \\"
      -39 IFRAME id=\\"iframe2\\" srcdoc=\\"<div>This is a block inside the iframe2.</div>\\" 
        -40 RRDocument
          -41 HTML 
            -42 HEAD 
            -43 BODY 
              -44 DIV 
                -45 RRText text=\\"This is a block inside the iframe2.\\"
      -46 RRText text=\\"\\\\n  \\\\n\\\\n\\"
"
`;