rbpdf-fruitcake0525 1.19.0

data/test/rbpdf_css_test.rb

@@ -0,0 +1,636 @@
+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