<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Bug 1087872 - Test for dynamic removal of ruby frames</title> <link rel="stylesheet" href="common.css"> <script src="dynamic-removal.js"></script> </head> <body> <p>'a' and 'b' should be paired with 'x' and 'y' respectively:</p> <!-- merge --> <!-- pseudo ruby --> <p><rb>a</rb><span class="remove"></span><rb>b</rb><rt>x</rt><rt>y</rt></p> <!-- pseudo ruby base container --> <p><rb>a</rb><rt class="remove"></rt><rb>b</rb><rt>x</rt><rt>y</rt></p> <!-- pseudo ruby text container --> <p><rb>a</rb><rb>b</rb><rt>x</rt><rb class="remove"></rb><rt>y</rt></p> <!-- white space removal --> <!-- inter-base white space --> <p><rb class="remove-after">a</rb> <rb>b</rb><rt>x</rt><rt>y</rt></p> <!-- inter-annotation white space --> <p><rb>a</rb><rb>b</rb><rt class="remove-after">x</rt> <rt>y</rt></p> <p>'ab' should be paried with 'xy':</p> <!-- merge --> <!-- pseudo ruby base --> <p><rbc>a<rb class="remove"></rb>b</rbc><rt>xy</rt></p> <!-- pseudo ruby text --> <!-- letter-spacing is added here to avoid fuzzy on Windows. See bug 1111891 --> <p><rb>ab</rb><rtc style="letter-spacing: 1px">x<rt class="remove"></rt>y</rtc></p> </body> </html>