
PASS .grid 1 
PASS .grid 2 
FAIL .grid 3 assert_equals: 
<div class="grid">
  <div class="paddingTop50Percent" data-expected-padding-top="50" data-expected-width="10" data-expected-height="60">X</div>
  <div data-offset-x="10" data-offset-y="0" data-expected-width="10" data-expected-height="100"></div>
</div>
height expected 60 but got 50
FAIL .grid 4 assert_equals: 
<div class="grid">
  <div class="paddingBottom50Percent" data-expected-padding-bottom="50" data-expected-width="10" data-expected-height="60">X</div>
  <div data-offset-x="10" data-offset-y="0" data-expected-width="10" data-expected-height="100"></div>
</div>
height expected 60 but got 50
PASS .grid 5 
PASS .grid 6 
FAIL .grid 7 assert_equals: 
<div class="grid directionRTL">
  <div class="paddingTop50Percent" data-expected-padding-top="50" data-expected-width="10" data-expected-height="60">X</div>
  <div data-offset-x="10" data-offset-y="400" data-expected-width="10" data-expected-height="100"></div>
</div>
height expected 60 but got 50
FAIL .grid 8 assert_equals: 
<div class="grid directionRTL">
  <div class="paddingBottom50Percent" data-expected-padding-bottom="50" data-expected-width="10" data-expected-height="60">X</div>
  <div data-offset-x="10" data-offset-y="400" data-expected-width="10" data-expected-height="100"></div>
</div>
height expected 60 but got 50
Direction LTR

Item padding-left: 50%;
X
Item padding-right: 50%;
X
Item padding-top: 50%;
X
Item padding-bottom: 50%;
X
Direction RTL

Item padding-left: 50%;
X
Item padding-right: 50%;
X
Item padding-top: 50%;
X
Item padding-bottom: 50%;
X