require 'test_helper'

class RbpdfCssTest < Test::Unit::TestCase
  class MYPDF < RBPDF
    def extractCSSproperties(cssdata)
      super
    end
    def isValidCSSSelectorForTag(dom, key, selector)
      super
    end
    def getTagStyleFromCSS(dom, key, css)
      super
    end
    def getHtmlDomArray(html)
      super
    end
  end

  test "CSS Basic" do
    pdf = MYPDF.new

    # empty
    css = pdf.extractCSSproperties('')
    assert_equal css, {}
    # empty blocks
    css = pdf.extractCSSproperties('h1 {}')
    assert_equal css, {}
    # comment
    css = pdf.extractCSSproperties('/* comment */')
    assert_equal css, {}

    css = pdf.extractCSSproperties('h1 { color: navy; font-family: times; }')
    assert_equal css, {"0001 h1"=>"color:navy;font-family:times;"}

    css = pdf.extractCSSproperties('h1 { color: navy; font-family: times; } p.first { color: #003300; font-family: helvetica; font-size: 12pt; }')
    assert_equal css, {"0001 h1"=>"color:navy;font-family:times;", "0021 p.first"=>"color:#003300;font-family:helvetica;font-size:12pt;"}

    css = pdf.extractCSSproperties('h1,h2,h3{background-color:#e0e0e0}')
    assert_equal css, {"0001 h1"=>"background-color:#e0e0e0", "0001 h2"=>"background-color:#e0e0e0", "0001 h3"=>"background-color:#e0e0e0"}

    css = pdf.extractCSSproperties('p.second { color: rgb(00,63,127); font-family: times; font-size: 12pt; text-align: justify; }')
    assert_equal css, {"0011 p.second"=>"color:rgb(00,63,127);font-family:times;font-size:12pt;text-align:justify;"}

    css = pdf.extractCSSproperties('p#second { color: rgb(00,63,127); font-family: times; font-size: 12pt; text-align: justify; }')
    assert_equal css, {"0101 p#second"=>"color:rgb(00,63,127);font-family:times;font-size:12pt;text-align:justify;"}

    css = pdf.extractCSSproperties('p.first { color: rgb(00,63,127); } p.second { font-family: times; }')
    assert_equal css, {"0021 p.first"=>"color:rgb(00,63,127);", "0011 p.second"=>"font-family:times;"}

    css = pdf.extractCSSproperties('p#first { color: rgb(00,63,127); } p#second { color: rgb(00,63,127); }')
    assert_equal css, {"0111 p#first"=>"color:rgb(00,63,127);", "0101 p#second"=>"color:rgb(00,63,127);"}

    # media
    css = pdf.extractCSSproperties('@media print { body { font: 10pt serif } }')
    assert_equal css, {"0001 body"=>"font:10pt serif"}
    css = pdf.extractCSSproperties('@media screen { body { font: 12pt sans-serif } }')
    assert_equal css, {}
    css = pdf.extractCSSproperties('@media all { body { line-height: 1.2 } }')
    assert_equal css, {"0001 body"=>"line-height:1.2"}

    css = pdf.extractCSSproperties('@media print {
                   #top-menu, #header, #main-menu, #sidebar, #footer, .contextual, .other-formats { display:none; }
                   #main { background: #fff; }
                   #content { width: 99%; margin: 0; padding: 0; border: 0; background: #fff; overflow: visible !important;}
                   #wiki_add_attachment { display:none; }
                   .hide-when-print { display: none; }
                   .autoscroll {overflow-x: visible;}
                   table.list {margin-top:0.5em;}
                   table.list th, table.list td {border: 1px solid #aaa;}
                 } @media all { body { line-height: 1.2 } }')
    assert_equal css, {"0100 #top-menu"=>"display:none;",
                  "0100 #header"=>"display:none;",
                  "0100 #main-menu"=>"display:none;",
                  "0100 #sidebar"=>"display:none;",
                  "0100 #footer"=>"display:none;",
                  "0010 .contextual"=>"display:none;",
                  "0010 .other-formats"=>"display:none;",
                  "0100 #main"=>"background:#fff;",
                  "0100 #content"=>"width:99%;margin:0;padding:0;border:0;background:#fff;overflow:visible !important;",
                  "0100 #wiki_add_attachment"=>"display:none;",
                  "0010 .hide-when-print"=>"display:none;",
                  "0010 .autoscroll"=>"overflow-x:visible;",
                  "0011 table.list"=>"margin-top:0.5em;",
                  "0012 table.list th"=>"border:1px solid #aaa;",
                  "0012 table.list td"=>"border:1px solid #aaa;",
                  "0001 body"=>"line-height:1.2"}
  end

  test "CSS Selector Valid test" do
    pdf = MYPDF.new

    # Simple CSS
    dom = pdf.getHtmlDomArray('<p>abc</p>')
    assert_equal dom.length, 4
    valid = pdf.isValidCSSSelectorForTag(dom, 1, ' p') # dom, key, css selector
    assert_equal valid, true

    dom = pdf.getHtmlDomArray('<h1>abc</h1>')
    assert_equal dom.length, 4
    valid = pdf.isValidCSSSelectorForTag(dom, 1, ' h1') # dom, key, css selector
    assert_equal valid, true

    dom = pdf.getHtmlDomArray('<p class="first">abc</p>')
    assert_equal dom.length, 4
    valid = pdf.isValidCSSSelectorForTag(dom, 1, ' p.first') # dom, key, css selector
    assert_equal valid, true

    dom = pdf.getHtmlDomArray('<p class="first">abc<span>def</span></p>')
    assert_equal dom.length, 7
    valid = pdf.isValidCSSSelectorForTag(dom, 3, ' p.first span') # dom, key, css selector
    assert_equal valid, true

    dom = pdf.getHtmlDomArray('<p id="second">abc</p>')
    assert_equal dom.length, 4
    valid = pdf.isValidCSSSelectorForTag(dom, 1, ' p#second') # dom, key, css selector
    assert_equal valid, true

    dom = pdf.getHtmlDomArray('<p id="second">abc<span>def</span></p>')
    assert_equal dom.length, 7
    valid = pdf.isValidCSSSelectorForTag(dom, 3, ' p#second > span') # dom, key, css selector
    assert_equal valid, true
  end

  test "CSS Tag Sytle test 1" do
    pdf = MYPDF.new

    # Simple CSS
    dom = pdf.getHtmlDomArray('<h1>abc</h1>')
    assert_equal dom.length, 4

    tag = pdf.getTagStyleFromCSS(dom, 1, {'0001 h1'=>'color:navy;font-family:times;'}) # dom, key, css selector
    assert_equal tag, ';color:navy;font-family:times;'

    tag = pdf.getTagStyleFromCSS(dom, 1, {'0001h1'=>'color:navy;font-family:times;'}) # dom, key, css selector
    assert_equal tag, ''

    tag = pdf.getTagStyleFromCSS(dom, 1, {'0001 h2'=>'color:navy;font-family:times;'}) # dom, key, css selector
    assert_equal tag, ''
  end

  test "CSS Tag Sytle test 2" do
    pdf = MYPDF.new

    dom = pdf.getHtmlDomArray('<p class="first">abc</p>')
    assert_equal dom.length, 4

    tag = pdf.getTagStyleFromCSS(dom, 1, {'0021 p.first'=>'color:rgb(00,63,127);'})
    assert_equal tag, ';color:rgb(00,63,127);'

    dom = pdf.getHtmlDomArray('<p id="second">abc</p>')
    assert_equal dom.length, 4

    tag = pdf.getTagStyleFromCSS(dom, 1, {'0101 p#second'=>'color:rgb(00,63,127);font-family:times;font-size:12pt;text-align:justify;'})
    assert_equal tag, ';color:rgb(00,63,127);font-family:times;font-size:12pt;text-align:justify;'
  end

  test "CSS Dom test" do
    pdf = MYPDF.new

    html = '<style> table, td { border: 2px #ff0000 solid; } </style>
            <h2>HTML TABLE:</h2>
            <table> <tr> <th>abc</th> </tr>
                    <tr> <td>def</td> </tr> </table>'
    dom = pdf.getHtmlDomArray(html)
    ## remove style tag block (by getHtmlDomArray()) ##
    ## added marker tag (by getHtmlDomArray())       ##
    # '<h2>HTML TABLE:</h2>
    #  <table><tr><th>abc<marker style="font-size:0"/></th></tr>
    #         <tr><td>def<marker style="font-size:0"/></td></tr></table>'
    assert_equal dom.length, 18

    assert_equal dom[0]['parent'], 0  # Root
    assert_equal dom[0]['tag'], false
    assert_equal dom[0]['attribute'], {}

    # <h2>
    assert_equal dom[1]['elkey'], 0
    assert_equal dom[1]['parent'], 0   # parent -> parent tag key
    assert_equal dom[1]['tag'], true
    assert_equal dom[1]['opening'], true
    assert_equal dom[1]['value'], 'h2'

    # <table>
    assert_equal dom[4]['elkey'], 3
    assert_equal dom[4]['value'], 'table'
    assert_equal dom[4]['attribute'], {'border'=>'2px #ff0000 solid', 'style'=>';border:2px #ff0000 solid;'}
    assert_equal dom[4]['style']['border'], '2px #ff0000 solid'
    assert_equal dom[4]['attribute']['border'], '2px #ff0000 solid'
  end

  test "CSS Dom table thead test" do
    pdf = MYPDF.new

    html = '<style> table, td { border: 2px #ff0000 solid; } </style>
            <h2>HTML TABLE THEAD:</h2>
            <table><thead>
            <tr> <th>abc</th> </tr>
            </thead>
            <tbody>
            <tr> <td>def</td> </tr>
            <tr> <td>ghi</td> </tr>
            </tbody></table>'

    dom = pdf.getHtmlDomArray(html)
    ## remove style tag block (by getHtmlDomArray())       ##
    ## remove thead/tbody tag block (by getHtmlDomArray()) ##
    ## added marker tag (by getHtmlDomArray())             ##
    # '<h2>HTML TABLE:</h2>
    #  <table><tr><th>abc<marker style="font-size:0"/></th></tr>
    #         <tr><td>def<marker style="font-size:0"/></td></tr></table>'
    assert_equal dom.length, 24

    assert_equal dom[0]['parent'], 0  # Root
    assert_equal dom[0]['tag'], false
    assert_equal dom[0]['attribute'], {}

    # <h2>
    assert_equal dom[1]['elkey'], 0
    assert_equal dom[1]['parent'], 0   # parent -> parent tag key
    assert_equal dom[1]['tag'], true
    assert_equal dom[1]['opening'], true
    assert_equal dom[1]['value'], 'h2'

    # <table>
    assert_equal dom[4]['elkey'], 3
    assert_equal dom[4]['value'], 'table'
    assert_equal dom[4]['attribute'], {'border'=>'2px #ff0000 solid', 'style'=>';border:2px #ff0000 solid;'}
    assert_equal dom[4]['style']['border'], '2px #ff0000 solid'
    assert_equal dom[4]['attribute']['border'], '2px #ff0000 solid'
    assert_equal dom[4]['thead'], '<style>table {;border:2px #ff0000 solid;}</style><table tablehead="1"><tr><th>abc<marker style="font-size:0"/></th></tr></table>'
  end

  test "CSS Dom line-height test normal" do
    pdf = MYPDF.new

    html = '<style>  h2 { line-height: normal; } </style>
            <h2>HTML TEST</h2>'
    dom = pdf.getHtmlDomArray(html)
    ## remove style tag block (by getHtmlDomArray()) ##
    # '<h2>HTML TEST</h2>'
    assert_equal dom.length, 4

    # <h2>
    assert_equal dom[1]['elkey'], 0
    assert_equal dom[1]['parent'], 0   # parent -> parent tag key
    assert_equal dom[1]['tag'], true
    assert_equal dom[1]['opening'], true
    assert_equal dom[1]['value'], 'h2'
    assert_equal dom[1]['line-height'], 1.25
  end

  test "CSS Dom line-height test numeric" do
    pdf = MYPDF.new

    html = '<style>  h2 { line-height: 1.4; } </style>
            <h2>HTML TEST</h2>'
    dom = pdf.getHtmlDomArray(html)
    ## remove style tag block (by getHtmlDomArray()) ##
    # '<h2>HTML TEST</h2>'
    assert_equal dom.length, 4

    # <h2>
    assert_equal dom[1]['elkey'], 0
    assert_equal dom[1]['parent'], 0   # parent -> parent tag key
    assert_equal dom[1]['tag'], true
    assert_equal dom[1]['opening'], true
    assert_equal dom[1]['value'], 'h2'
    assert_equal dom[1]['line-height'], 1.4
  end

  test "CSS Dom line-height test percentage" do
    pdf = MYPDF.new

    html = '<style>  h2 { line-height: 10%; } </style>
            <h2>HTML TEST</h2>'
    dom = pdf.getHtmlDomArray(html)
    ## remove style tag block (by getHtmlDomArray()) ##
    # '<h2>HTML TEST</h2>'
    assert_equal dom.length, 4

    # <h2>
    assert_equal dom[1]['parent'], 0   # parent -> parent tag key
    assert_equal dom[1]['elkey'], 0
    assert_equal dom[1]['tag'], true
    assert_equal dom[1]['opening'], true
    assert_equal dom[1]['value'], 'h2'
    assert_equal dom[1]['line-height'], 0.1
  end

  test "CSS Dom class test" do
    pdf = MYPDF.new

    html = '<style>p.first { color: #003300; font-family: helvetica; font-size: 12pt; }
                   p.first span { color: #006600; font-style: italic; }</style>
            <p class="first">Example <span>Fusce</span></p>'
    dom = pdf.getHtmlDomArray(html)
    ## remove style tag block (by getHtmlDomArray()) ##
    # '<p class="first">Example <span>Fusce</span></p>'
    assert_equal dom.length, 7

    # <p class="first">
    assert_equal dom[1]['elkey'], 0
    assert_equal dom[1]['parent'], 0   # parent -> parent tag key
    assert_equal dom[1]['tag'], true
    assert_equal dom[1]['opening'], true
    assert_equal dom[1]['value'], 'p'
    assert_equal dom[1]['attribute']['class'], 'first'
    assert_equal dom[1]['style']['color'],  '#003300'
    assert_equal dom[1]['style']['font-family'], 'helvetica'
    assert_equal dom[1]['style']['font-size'], '12pt'

    # Example 
    assert_equal dom[2]['elkey'], 1
    assert_equal dom[2]['parent'], 1
    assert_equal dom[2]['tag'], false
    assert_equal dom[2]['value'], 'Example '

    # <span>
    assert_equal dom[3]['elkey'], 2
    assert_equal dom[3]['parent'], 1
    assert_equal dom[3]['tag'], true
    assert_equal dom[3]['opening'], true
    assert_equal dom[3]['value'], 'span'
    assert_equal dom[3]['style']['color'], '#006600'
    assert_equal dom[3]['style']['font-style'], 'italic'
  end

  test "CSS Dom height width test" do 
    pdf = MYPDF.new

    html = '<style> p.first { height: 60%; }
                    p.second { width: 70%; }</style>
            <p class="first">ABC</p><p class="second">DEF</p>'
    dom = pdf.getHtmlDomArray(html)
    assert_equal dom.length, 7

    # <p class="first">
    assert_equal dom[1]['elkey'], 0
    assert_equal dom[1]['parent'], 0   # parent -> parent tag key
    assert_equal dom[1]['tag'], true
    assert_equal dom[1]['opening'], true
    assert_equal dom[1]['value'], 'p'
    assert_not_nil dom[1]['style']
    assert_equal dom[1]['style']['height'], '60%'
    assert_equal dom[1]['height'], '60%'

    # ABC
    assert_equal dom[2]['elkey'], 1
    assert_equal dom[2]['parent'], 1
    assert_equal dom[2]['tag'], false
    assert_equal dom[2]['value'], 'ABC'

    # <p class="second">
    assert_equal dom[4]['elkey'], 3
    assert_equal dom[4]['parent'], 0   # parent -> parent tag key
    assert_equal dom[4]['tag'], true
    assert_equal dom[4]['opening'], true
    assert_equal dom[4]['value'], 'p'
    assert_not_nil dom[4]['style']
    assert_equal dom[4]['style']['width'], '70%'
    assert_equal dom[4]['width'], '70%'
  end

  test "CSS Dom font-weight test" do
    pdf = MYPDF.new

    html = '<style> p.first { font-weight: bold; }</style>
            <p class="first">ABC</p><p class="second">DEF</p>'
    dom = pdf.getHtmlDomArray(html)
    assert_equal dom.length, 7

    # <p class="first">
    assert_equal dom[1]['elkey'], 0
    assert_equal dom[1]['parent'], 0   # parent -> parent tag key
    assert_equal dom[1]['tag'], true
    assert_equal dom[1]['opening'], true
    assert_equal dom[1]['value'], 'p'
    assert_not_nil dom[1]['style']
    assert_equal dom[1]['style']['font-weight'], 'bold'
    assert_equal dom[1]['fontstyle'], 'B'

    # ABC
    assert_equal dom[2]['elkey'], 1
    assert_equal dom[2]['parent'], 1
    assert_equal dom[2]['tag'], false
    assert_equal dom[2]['value'], 'ABC'
  end

  test "CSS Dom id test" do
    pdf = MYPDF.new

    html = '<style> p#second > span { background-color: #FFFFAA; }</style>
            <p id="second">Example <span>Fusce</span></p>'
    dom = pdf.getHtmlDomArray(html)
    ## remove style tag block (by getHtmlDomArray()) ##
    # '<p id="second">Example <span>Fusce</span></p>'
    assert_equal dom.length, 7

    # <p id="second">
    assert_equal dom[1]['elkey'], 0
    assert_equal dom[1]['parent'], 0   # parent -> parent tag key
    assert_equal dom[1]['tag'], true
    assert_equal dom[1]['opening'], true
    assert_equal dom[1]['value'], 'p'
    assert_equal dom[1]['attribute']['id'], 'second'

    # Example 
    assert_equal dom[2]['elkey'], 1
    assert_equal dom[2]['parent'], 1
    assert_equal dom[2]['tag'], false
    assert_equal dom[2]['value'], 'Example '

    # <span>
    assert_equal dom[3]['elkey'], 2
    assert_equal dom[3]['parent'], 1
    assert_equal dom[3]['tag'], true
    assert_equal dom[3]['opening'], true
    assert_equal dom[3]['value'], 'span'
    assert_equal dom[3]['style']['background-color'], '#FFFFAA'
  end

  test "CSS Dom text-decoration test" do
    pdf = MYPDF.new

    html = '<style> p.first { text-decoration: none;}
                    p.second {text-decoration: underline;}
                    p.third {text-decoration: overline;}
                    p.fourth {text-decoration: line-through;}
                    p.fifth {text-decoration: underline overline line-through;}</style>
            <p class="first">ABC</p><p class="second">DEF</p><p class="third">GHI</p><p class="fourth">JKL</p><p class="fifth">MNO</p>'
    dom = pdf.getHtmlDomArray(html)
    assert_equal dom.length, 16

    # <p class="first">
    assert_equal dom[1]['elkey'], 0
    assert_equal dom[1]['parent'], 0   # parent -> parent tag key
    assert_equal dom[1]['tag'], true
    assert_equal dom[1]['opening'], true
    assert_equal dom[1]['value'], 'p'
    assert_not_nil dom[1]['style']
    assert_equal dom[1]['style']['text-decoration'], 'none'
    assert_equal dom[1]['fontstyle'], ''

    # ABC
    assert_equal dom[2]['elkey'], 1
    assert_equal dom[2]['parent'], 1
    assert_equal dom[2]['tag'], false
    assert_equal dom[2]['value'], 'ABC'

    # <p class="second">
    assert_equal dom[4]['elkey'], 3
    assert_equal dom[4]['parent'], 0   # parent -> parent tag key
    assert_equal dom[4]['tag'], true
    assert_equal dom[4]['opening'], true
    assert_equal dom[4]['value'], 'p'
    assert_not_nil dom[1]['style']
    assert_equal dom[4]['style']['text-decoration'], 'underline'
    assert_equal dom[4]['fontstyle'], 'U'

    # <p class="third">
    assert_equal dom[7]['elkey'], 6
    assert_equal dom[7]['parent'], 0   # parent -> parent tag key
    assert_equal dom[7]['tag'], true
    assert_equal dom[7]['opening'], true
    assert_equal dom[7]['value'], 'p'
    assert_not_nil dom[7]['style']
    assert_equal dom[7]['style']['text-decoration'], 'overline'
    assert_equal dom[7]['fontstyle'], 'O'

    # <p class="fourth">
    assert_equal dom[10]['elkey'], 9
    assert_equal dom[10]['parent'], 0   # parent -> parent tag key
    assert_equal dom[10]['tag'], true
    assert_equal dom[10]['opening'], true
    assert_equal dom[10]['value'], 'p'
    assert_not_nil dom[10]['style']
    assert_equal dom[10]['style']['text-decoration'], 'line-through'
    assert_equal dom[10]['fontstyle'], 'D'

    # <p class="fifth">
    assert_equal dom[13]['elkey'], 12
    assert_equal dom[13]['parent'], 0   # parent -> parent tag key
    assert_equal dom[13]['tag'], true
    assert_equal dom[13]['opening'], true
    assert_equal dom[13]['value'], 'p'
    assert_not_nil dom[13]['style']
    assert_equal dom[13]['style']['text-decoration'], 'underline overline line-through'
    assert_equal dom[13]['fontstyle'], 'UOD'
  end

  test "CSS Dom text-indent test" do
    pdf = MYPDF.new

    html = '<style> p.first { text-indent: 10px; }
                    p.second { text-indent: 5em; }
                    p.third { text-indent: 5ex; }
                    p.fourth { text-indent: 50%; }</style>
            <p class="first">ABC</p><p class="second">DEF</p><p class="third">GHI</p><p class="fourth">JKL</p>'
    dom = pdf.getHtmlDomArray(html)
    assert_equal dom.length, 13

    # <p class="first">
    assert_equal dom[1]['elkey'], 0
    assert_equal dom[1]['parent'], 0   # parent -> parent tag key
    assert_equal dom[1]['tag'], true
    assert_equal dom[1]['opening'], true
    assert_equal dom[1]['value'], 'p'
    assert_not_nil dom[1]['style']
    assert_equal dom[1]['style']['text-indent'], '10px'
    assert_in_delta dom[1]['text-indent'], 3.53, 0.01

    # ABC
    assert_equal dom[2]['elkey'], 1
    assert_equal dom[2]['parent'], 1
    assert_equal dom[2]['tag'], false
    assert_equal dom[2]['value'], 'ABC'

    # <p class="second">
    assert_equal dom[4]['elkey'], 3
    assert_equal dom[4]['parent'], 0   # parent -> parent tag key
    assert_equal dom[4]['tag'], true
    assert_equal dom[4]['opening'], true
    assert_equal dom[4]['value'], 'p'
    assert_not_nil dom[4]['style']
    assert_equal dom[4]['style']['text-indent'], '5em'
    assert_equal dom[4]['text-indent'], 5.0

    # <p class="third">
    assert_equal dom[7]['elkey'], 6
    assert_equal dom[7]['parent'], 0   # parent -> parent tag key
    assert_equal dom[7]['tag'], true
    assert_equal dom[7]['opening'], true
    assert_equal dom[7]['value'], 'p'
    assert_not_nil dom[7]['style']
    assert_equal dom[7]['style']['text-indent'], '5ex'
    assert_equal dom[7]['text-indent'], 2.5

    # <p class="fourth">
    assert_equal dom[10]['elkey'], 9
    assert_equal dom[10]['parent'], 0   # parent -> parent tag key
    assert_equal dom[10]['tag'], true
    assert_equal dom[10]['opening'], true
    assert_equal dom[10]['value'], 'p'
    assert_not_nil dom[10]['style']
    assert_equal dom[10]['style']['text-indent'], '50%'
    assert_equal dom[10]['text-indent'], 0.5
  end

  test "CSS Dom list-style-type test" do
    pdf = MYPDF.new

    html = '<style> p.first { list-style-type: none; }
                    p.second { list-style-type: disc; }
                    p.third { list-style-type: circle; }
                    p.fourth { list-style-type: square; }</style>
            <p class="first">ABC</p><p class="second">DEF</p><p class="third">GHI</p><p class="fourth">JKL</p>'
    dom = pdf.getHtmlDomArray(html)
    assert_equal dom.length, 13

    # <p class="first">
    assert_equal dom[1]['elkey'], 0
    assert_equal dom[1]['parent'], 0   # parent -> parent tag key
    assert_equal dom[1]['tag'], true
    assert_equal dom[1]['opening'], true
    assert_equal dom[1]['value'], 'p'
    assert_not_nil dom[1]['style']
    assert_equal dom[1]['style']['list-style-type'], 'none'
    assert_equal dom[1]['listtype'], 'none'

    # ABC
    assert_equal dom[2]['elkey'], 1
    assert_equal dom[2]['parent'], 1
    assert_equal dom[2]['tag'], false
    assert_equal dom[2]['value'], 'ABC'

    # <p class="second">
    assert_equal dom[4]['elkey'], 3
    assert_equal dom[4]['parent'], 0   # parent -> parent tag key
    assert_equal dom[4]['tag'], true
    assert_equal dom[4]['opening'], true
    assert_equal dom[4]['value'], 'p'
    assert_not_nil dom[4]['style']
    assert_equal dom[4]['style']['list-style-type'], 'disc'
    assert_equal dom[4]['listtype'], 'disc'

    # <p class="third">
    assert_equal dom[7]['elkey'], 6
    assert_equal dom[7]['parent'], 0   # parent -> parent tag key
    assert_equal dom[7]['tag'], true
    assert_equal dom[7]['opening'], true
    assert_equal dom[7]['value'], 'p'
    assert_not_nil dom[7]['style']
    assert_equal dom[7]['style']['list-style-type'], 'circle'
    assert_equal dom[7]['listtype'], 'circle'
  end

  test "CSS Dom page-break test" do
    pdf = MYPDF.new

    html = '<style> p.first { page-break-before: left; page-break-after: always; }
                    p.second { page-break-inside:avoid; }</style>
            <p class="first">ABC</p><p class="second">DEF</p>'
    dom = pdf.getHtmlDomArray(html)
    assert_equal dom.length, 7

    # <p class="first">
    assert_equal dom[1]['elkey'], 0
    assert_equal dom[1]['parent'], 0   # parent -> parent tag key
    assert_equal dom[1]['tag'], true
    assert_equal dom[1]['opening'], true
    assert_equal dom[1]['value'], 'p'
    assert_not_nil dom[1]['style']
    assert_equal dom[1]['style']['page-break-before'], 'left'
    assert_equal dom[1]['style']['page-break-after'], 'always'
    assert_not_nil dom[1]['attribute']
    assert_equal dom[1]['attribute']['pagebreak'], 'left'
    assert_equal dom[1]['attribute']['pagebreakafter'], 'true'

    # ABC
    assert_equal dom[2]['elkey'], 1
    assert_equal dom[2]['parent'], 1
    assert_equal dom[2]['tag'], false
    assert_equal dom[2]['value'], 'ABC'

    # <p class="second">
    assert_equal dom[4]['elkey'], 3
    assert_equal dom[4]['parent'], 0   # parent -> parent tag key
    assert_equal dom[4]['tag'], true
    assert_equal dom[4]['opening'], true
    assert_equal dom[4]['value'], 'p'
    assert_not_nil dom[1]['style']
    assert_equal dom[4]['style']['page-break-inside'], 'avoid'
    assert_not_nil dom[4]['attribute']
    assert_equal dom[4]['attribute']['nobr'], 'true'
  end
end