epubcsstest_voyager を更新。Kinoppyでの誤判定が起きないようにした

jagat-xpub · Dec 7, 2023 · 58dd6bf · 58dd6bf
1 parent d45e73a
commit 58dd6bf
Show file tree

Hide file tree

Showing 8 changed files with 79 additions and 29 deletions.
diff --git a/epub-exp/epubcsstest_voyager/item/xhtml/p-001-css-conditional-3.xhtml b/epub-exp/epubcsstest_voyager/item/xhtml/p-001-css-conditional-3.xhtml
@@ -13,6 +13,13 @@
     color: black;
   }
 }
+
+@supports (unknownprop: 0) {
+  #at-supports .OK {
+    color: white;
+  }
+}
+
 </style>
 </head>
 <body>

diff --git a/epub-exp/epubcsstest_voyager/item/xhtml/p-002-selectors-3.xhtml b/epub-exp/epubcsstest_voyager/item/xhtml/p-002-selectors-3.xhtml
@@ -7,6 +7,9 @@
 .OK {
   color: white;
 }
+.NotOK {
+  color: white;
+}
 
 #attr-substring [data-test^="AB"] .OK {
   color: black;
@@ -62,12 +65,18 @@
 #pseudo-elements .fln .OK::first-line {
   color: black;
 }
+#pseudo-elements .fln .OK::unknownpseudo {
+  color: white;
+}
 #pseudo-elements .flt .OK span {
   display: block;
 }
 #pseudo-elements .flt .OK span::first-letter {
   color: black;
 }
+#pseudo-elements .flt .OK span::unknownpseudo {
+  color: white;
+}
 #pseudo-elements .bf .OK::before {
   content: "OK";
   color: black;
@@ -80,12 +89,18 @@
 #pseudo-elements .fln1 .OK:first-line {
   color: black;
 }
+#pseudo-elements .fln1 .OK:unknownpseudo {
+  color: white;
+}
 #pseudo-elements .flt1 .OK span {
   display: block;
 }
 #pseudo-elements .flt1 .OK span:first-letter {
   color: black;
 }
+#pseudo-elements .flt1 .OK span.OK::unknownpseudo {
+  color: white;
+}
 #pseudo-elements .bf1 .OK:before {
   content: "OK";
   color: black;
@@ -105,73 +120,93 @@
   <section id="attr-substring">
     <h2 id="toc-FA36721B98524B3E8A291FFB76A547CC">部分文字列マッチング属性セレクタ <code>[att^=val]</code>, <code>[att$=val]</code>, <code>[att*=val]</code></h2>
     <ul>
-      <li data-test="ABCD">・<span class="OK">OK</span></li>
-      <li data-test="EFGH">・<span class="OK">OK</span></li>
-      <li data-test="IJKL">・<span class="OK">OK</span></li>
+      <li data-test="ABCD">・<span class="OK">OK</span><span class="NotOK">ではなくてNG</span></li>
+      <li data-test="EFGH">・<span class="OK">OK</span><span class="NotOK">ではなくてNG</span></li>
+      <li data-test="IJKL">・<span class="OK">OK</span><span class="NotOK">ではなくてNG</span></li>
     </ul>
   </section>
   <section id="root-pseudo">
     <h2 id="toc-6852F1C43A2F4911BBCEA582CA62113E">:root 擬似クラス</h2>
     <ul>
-      <li>・<span class="OK">OK</span></li>
+      <li>・<span class="OK">OK</span><span class="NotOK">ではなくてNG</span></li>
     </ul>
   </section>
   <section id="nth-child">
     <h2 id="toc-F01DD2300E4F46FFA3F04200298A4F2D">:nth-child(), :nth-last-child(), :nth-of-type(), :nth-last-of-type() 擬似クラス</h2>
     <ul>
-      <li class="nc">・<span class="OK">OK</span></li>
-      <li class="nlc">・<span class="OK">OK</span></li>
-      <li class="nt">・<span class="OK">OK</span></li>
-      <li class="nlt">・<span class="OK">OK</span></li>
+      <li class="nc">・<span class="OK">OK</span><span class="NotOK">ではなくてNG</span></li>
+      <li class="nlc">・<span class="OK">OK</span><span class="NotOK">ではなくてNG</span></li>
+      <li class="nt">・<span class="OK">OK</span><span class="NotOK">ではなくてNG</span></li>
+      <li class="nlt">・<span class="OK">OK</span><span class="NotOK">ではなくてNG</span></li>
     </ul>
   </section>
   <section id="last-child">
     <h2 id="toc-B6CE865691E84075BB3A772D8BD8CBED">:last-child, :only-child, :first-of-type, :last-of-type, :only-of-type 擬似クラス</h2>
     <ul>
-      <li class="lc">・<span class="OK">OK</span></li>
-      <li class="oc">・<span class="OK">OK</span></li>
-      <li class="ft">・<span class="OK">OK</span></li>
-      <li class="lt">・<span class="OK">OK</span></li>
-      <li class="ot">・<span class="OK">OK</span></li>
+      <li class="lc">・<span class="OK">OK</span></li><span class="NotOK">ではなくてNG</span>
+      <li class="oc">・<span class="OK">OK</span></li><span class="NotOK">ではなくてNG</span>
+      <li class="ft">・<span class="OK">OK</span></li><span class="NotOK">ではなくてNG</span>
+      <li class="lt">・<span class="OK">OK</span></li><span class="NotOK">ではなくてNG</span>
+      <li class="ot">・<span class="OK">OK</span></li><span class="NotOK">ではなくてNG</span>
     </ul>
   </section>
   <section id="empty-pseudo">
     <h2 id="toc-FD784D1E8CC341B2ACEC5E5381E4FA8C">:empty 擬似クラス</h2>
     <ul>
       <li>・
         <span></span>
-        <span class="OK">OK</span>
+        <span class="OK">OK</span><span class="NotOK">ではなくてNG</span>
       </li>
     </ul>
   </section>
   <section id="not-pseudo">
     <h2 id="toc-27111962A6B24C83AEECC29B623A8C51">:not 擬似クラス</h2>
     <ul>
-      <li>・<span class="OK">OK</span></li>
+      <li>・<span class="OK">OK</span><span class="NotOK">ではなくてNG</span></li>
     </ul>
   </section>
   <section id="pseudo-elements">
     <h2 id="toc-D22B496F3A22476F9C3FD5FE5C2A4350">::first-line, ::first-letter, ::before, ::after 擬似要素</h2>
+    <h3>::first-line</h3>
+    <ul>
+      <li class="fln"><div class="OK">OK<br/>ではなくてNG</div></li>
+    </ul>
+    <h3>::first-letter</h3>
+    <ul>
+      <li class="flt"><div class="OK"><span>O</span><span>KではなくてNG</span></div></li>
+    </ul>
+    <h3>::before</h3>
     <ul>
-      <li class="fln">・<div class="OK">OK</div></li>
-      <li class="flt">・<div class="OK"><span>O</span><span>K</span></div></li>
-      <li class="bf">・<div class="OK"></div></li>
-      <li class="af">・<div class="OK"></div></li>
+      <li class="bf"><div class="OK">・</div></li>
+    </ul>
+    <h3>::after</h3>
+    <ul>
+      <li class="af"><div class="OK">・</div></li>
     </ul>
     <h3>参考に、コロン1つの形式 :first-line, :first-letter, :before, :after 擬似要素</h3>
+    <h4>:first-line</h4>
+    <ul>
+      <li class="fln1"><div class="OK">OK<br/>ではなくてNG</div></li>
+    </ul>
+    <h4>:first-letter</h4>
+    <ul>
+      <li class="flt1"><div class="OK"><span>O</span><span>KではなくてNG</span></div></li>
+    </ul>
+    <h4>:before</h4>
+    <ul>
+      <li class="bf1"><div class="OK">・</div></li>
+    </ul>
+    <h4>:after</h4>
     <ul>
-      <li class="fln1">・<div class="OK">OK</div></li>
-      <li class="flt1">・<div class="OK"><span>O</span><span>K</span></div></li>
-      <li class="bf1">・<div class="OK"></div></li>
-      <li class="af1">・<div class="OK"></div></li>
+      <li class="af1"><div class="OK">・</div></li>
     </ul>
     <section id="subsequent">
       <h2 id="toc-65224E930BF142B3ADFF67A2AB72073B">後続兄弟結合子 <code>E ~ F</code></h2>
       <ul>
         <li>・
           <span class="E"></span>
           <span></span>
-          <span class="F"><span class="OK">OK</span></span>
+          <span class="F"><span class="OK">OK</span><span class="NotOK">ではなくてNG</span></span>
         </li>
       </ul>
     </section>

diff --git a/epub-exp/epubcsstest_voyager/item/xhtml/p-004-css-values-3.xhtml b/epub-exp/epubcsstest_voyager/item/xhtml/p-004-css-values-3.xhtml
@@ -23,9 +23,6 @@
 #length-units .vw .OK {
   width: 10vw;
 }
-#length-units .vw .OK {
-  width: 10vw;
-}
 #length-units .vh .OK {
   width: 10vh;
 }

diff --git a/epub-exp/epubcsstest_voyager/item/xhtml/p-016-compositing-1.xhtml b/epub-exp/epubcsstest_voyager/item/xhtml/p-016-compositing-1.xhtml
@@ -58,7 +58,7 @@
       </div>
     </div>
     <ul>
-      <li>・上の2つの顔の画像が同じならOK</li>
+      <li>・上の2つの顔の画像が同じならOK（ただし、mix-blend-mode プロパティがNGの場合は無効）</li>
     </ul>
   </section>
   <section id="background-blend-mode">

diff --git a/epub-exp/epubcsstest_voyager/item/xhtml/p-019-css-text-3.xhtml b/epub-exp/epubcsstest_voyager/item/xhtml/p-019-css-text-3.xhtml
@@ -7,7 +7,7 @@
 .test {
   margin: 1em;
   border: 1px dashed;
-  width: 10em;
+  width: 10.1em;
 }
 #word-break .keep-all .test {
   word-break: keep-all;

diff --git a/epub-exp/epubcsstest_voyager/item/xhtml/p-024-css-conditional-4.xhtml b/epub-exp/epubcsstest_voyager/item/xhtml/p-024-css-conditional-4.xhtml
@@ -13,6 +13,12 @@
     color: black;
   }
 }
+
+@supports selector(:::unknownselector) {
+  #at-supports-selector .OK {
+    color: white;
+  }
+}
 </style>
 </head>
 <body>

diff --git a/epub-exp/epubcsstest_voyager/item/xhtml/p-025-css-cascade-5.xhtml b/epub-exp/epubcsstest_voyager/item/xhtml/p-025-css-cascade-5.xhtml
@@ -12,6 +12,11 @@
     color: black !important;
   }
 }
+@layer :invalidlayer {
+  #at-layer .OK {
+    color: white !important;
+  }
+}
 </style>
 </head>
 <body>

diff --git a/epub/epubcsstest_voyager.epub b/epub/epubcsstest_voyager.epub