Add tests for new settings

JayPanoz · JayPanoz · commit 6bdfdd136e0c · 2024-05-23T11:04:48.000+02:00
Tests for letter-spacing in CJK and hiding ruby annotations
diff --git a/backstop.json b/backstop.json
@@ -160,6 +160,13 @@
       "selectors": ["document"],
       "misMatchThreshold" : 0.1
     },
+    {
+      "label": "Letterspacing CJK pref",
+      "url": "http://localhost:8000/tests/letter-spacing-cjk.html",
+      "delay": 0,
+      "selectors": ["document"],
+      "misMatchThreshold" : 0.1
+    },
     {
       "label": "Ligatures pref",
       "url": "http://localhost:8000/tests/arabic-ligatures.html",
@@ -170,7 +177,7 @@
     {
       "label": "Accessibility font pref",
       "url": "http://localhost:8000/tests/a11y-font.html",
-      "delay": 0,
+      "delay": 200,
       "selectors": ["document"],
       "misMatchThreshold" : 0.1
     },
@@ -184,6 +191,13 @@
     {
       "label": "Accessibility custom pref",
       "url": "http://localhost:8000/tests/a11y-custom.html",
+      "delay": 200,
+      "selectors": ["document"],
+      "misMatchThreshold" : 0.1
+    },
+    {
+      "label": "no Ruby pref",
+      "url": "http://localhost:8000/tests/no-ruby.html",
       "delay": 0,
       "selectors": ["document"],
       "misMatchThreshold" : 0.1
diff --git a/tests/letter-spacing-cjk.html b/tests/letter-spacing-cjk.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<html style="--USER__view: readium-scroll-on; --USER__advancedSettings: readium-advanced-on; --USER__letterSpacing: 1rem;">
+<head>
+  <title>Test</title>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+  <link rel="stylesheet" href="../css/dist/cjk-horizontal/ReadiumCSS-before.css" />
+  <link rel="stylesheet" href="../css/dist/cjk-horizontal/ReadiumCSS-default.css" />
+  <link rel="stylesheet" href="../css/dist/cjk-horizontal/ReadiumCSS-after.css" />
+</head>
+<body>
+  <h1>日本語</h1>
+
+  <p><strong>日本語</strong>（にほんご、にっぽんご<sup>[注 1]</sup>）は、主に日本国内や日本人同士の間で使われている言語である。日本は法令によって公用語を規定していないが、法令その他の公用文は全て日本語で記述され、各種法令において日本語を用いることが定められ、学校教育においては「国語」として教えられるなど、事実上、唯一の公用語となっている。</p>
+
+  <p>使用人口について正確な統計はないが、日本国内の人口、および日本国外に住む日本人や日系人、日本がかつて統治した地域の一部住民など、約1億3千万人以上と考えられている。統計によって前後する可能性はあるが、この数は世界の母語話者数で上位10位以内に入る人数である。</p>
+
+  <p>日本で生まれ育ったほとんどの人は、日本語を母語とする<sup>[注 2]</sup>。日本語の文法体系や音韻体系を反映する手話として日本語対応手話がある。</p>
+
+  <p>2017年4月現在、インターネット上の言語使用者数は、英語、中国語、スペイン語、アラビア語、ポルトガル語、マレー語に次いで7番目に多い。</p>
+</body>
+</html>
diff --git a/tests/no-ruby.html b/tests/no-ruby.html
@@ -0,0 +1,39 @@
+<!doctype html>
+<html style="--USER__view: readium-scroll-on; --USER__advancedSettings: readium-advanced-on; --USER__noRuby: readium-noRuby-on;">
+<head>
+  <title>Test</title>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+  <link rel="stylesheet" href="../css/dist/cjk-horizontal/ReadiumCSS-before.css" />
+  <link rel="stylesheet" href="../css/dist/cjk-horizontal/ReadiumCSS-default.css" />
+  <link rel="stylesheet" href="../css/dist/cjk-horizontal/ReadiumCSS-after.css" />
+  <style type="text/css">
+    ruby {
+      background-color: yellow;
+    }
+    rt, rp {
+      background-color: lightcoral;
+    }
+    .spacer {
+      margin-top: 1rem;
+    }
+  </style>
+</head>
+<body>
+  <h1>ルビ</h1>
+
+  <p>ルビを振りたい親字を含む全体をrubyタグで囲み、その中のrtタグをつけた箇所がルビ部分となる。rubyタグの内側でrpタグで囲った部分は、rubyタグをサポートしていない環境で表示するためのタグであり、rubyタグをサポートしている環境では非表示になる。</p>
+
+  <p class="spacer">Ruby to hide: かんじ</p>
+
+  <p>表意文字である<ruby>漢字<rp>（</rp><rt>かんじ</rt><rp>）</rp></ruby>にルビを振る。</p>
+
+  <p class="spacer">Ruby to hide: Kan ji</p>
+
+  <p><ruby>漢 <rp>(</rp><rt>Kan</rt><rp>)</rp> 字 <rp>(</rp><rt>ji</rt><rp>)</rp></ruby>。</p>
+
+  <p class="spacer">Ruby to hide: Ashita</p>
+
+  <p><ruby> 明日 <rp>(</rp><rt>Ashita</rt><rp>)</rp> </ruby>。</p>
+</body>
+</html>
