Acid2テスト
初回投稿日時: 2007年11月08日20時25分19秒
最終更新日時: 2007年11月09日05時27分48秒
カテゴリ: CSS
固定リンク: id=2007110800
SNS:
Tweet (list)
wikipediaで編集に関してしょうもない議論が行われてるみたいで、ウチの引用、リンクでもめてるみたいです。(元々は私の日記のエントリを出典としたことが、時期が古いし個人ブログなので残念ながら出典にはなりません
という変な理屈で削除されたことが原因のようです。確かに2005年のエントリなので最近のものではないですが、Acid2自体、そんなに新しいものでもないし、変化するものでもないしと、変な理由ですね。それにリンクを削除する意味も無いということで問題になったようです。でも個人の書いたコンテンツが出典もとになれないなら、wikipediaの多くの出典を見直さないといけなくなるんじゃないでしょうか??) 外部資料に頼らずに少しは自分で調べろよって感じですが(そもそも詳しく無い人が編集してるってのはどうよ? と思いますが……)、
で、暇があるのでちょっとAcid2のCSSに関して調べてみました(あんまり詳しく検証するのは難しすぎるのでやりません)。正規表現を使ってCSSを置換して指定されているスタイルを単純に抽出した結果から数えているのでひょっとすると細かい数字は不正確かもしれませんが、まあ参考程度に、ということで。
使われている(≠テストされている)プロパティ
background色キーワード、dataスキームによる画像指定、fixed。
borderstyleはsolidと無指定、colorはtransparentと色キーワードと無指定、widthはlength値(em)と0と無指定、存在しない文字列によるエラーテストあり。
border-bottomstyleはsolidのみ、colorはキーワードのみ、widthはlength値(em)と無指定。
border-bottom-colorinheritのみ。
border-color色キーワードによる指定のみ、ひとつのみでの指定か、四つ全部での指定のみ。
border-leftstyleはsolidのみ、colorは色キーワードのみ、widthはlength(em)のみ。
border-rightborder-leftと同様。border-spacing0のみ。
border-stylenoneとsolidのみで、二つ指定と三つ指定のみ。
border-topstyleはsolidと無指定、colorはキーワードと無指定、widthはlength(em)と0。
border-top-colorinheritのみ。
border-widthlength値(em)と、0で、一つ指定と、二つ指定のみ。
bottomlength値(em)のみ。
clearbothのみ。
color色キーワードのみ
content空文字列指定のみ。
displayinline、block、table、table-cellのみ。
floatleft、right、inheritのみ。(noneは無し)
fontfont-sizeがlength値(pxとem)、line-heightが無しとlength値(px)、font-familyはserifかsans-serifのみ。inheritもあり。他の指定は一切なし。
font-sizelength値(em)のみ。
font-weightbolderのみ。
heightlength値(pxとem)か、パーセント値、そして0。
leftlength値(em)のみ。
line-heightlength値(em)のみ。
list-stylenoneのみ。
margin0かlength値(emとpx)で、0のみの指定を除いて、一つ指定、二つ指定、三つ指定、四つ指定と全てあり。autoは単独での指定のみ。
margin-bottomlength値(em)のみ。
margin-toplength値(em)のみ。
max-heightlength値(mmとem)のみ。
max-widthlength値(em)のみ。
min-heightlength値(em)とパーセント値。
overflowhiddenのみ。
padding0かlength値(emとpx)で、0のみの指定を除いて、一つ指定、二つ指定、三つ指定、四つ指定全てあり。
positionrelative、absolute、fixedのみ。staticは無し。
rightlength値(em)のみ。
text-alignleftとrightのみ。
toplength値(em)と0のみ。
vertical-alignbottomのみ。
white-spacepreのみ。
widthパーセント値と、length値(pxとem)と、auto値。単位無しでのエラーテストあり。
z-index1と2のみ。
とまあ、こんな感じ。実際には値の上書きのテストとかあると思われるので、テストされるプロパティ値はもっと減るんではないかと思われます。
まずは値のテストが行き渡っていないことが目立ちます。例えばlength値は非常によく使われるものしかテストしていません。色に関してはキーワードしか利用されておらず、よく利用されるRGB値を直接指定する方法は全くテストされていません。各種キーワードのテストもかなり少ないことが分かります。
また、CSS2.1ではauralやpaged、interactiveなプロパティを除外しても、85個のプロパティがありますが、上記のように列挙されたプロパティは41個のみでした。半分にすら到達していません。
Acid2が全般的なテストではなく、ひとつのテストケースであることが分かってもらえましたでしょうか。もちろん、たったひとつのテストケースでここまでテストできている、というのは素晴らしいアイデアと技術のたまものですが、ブラウザを実際にテストする側からすれば、全ての仕様がテストできる訳ではないことは一目瞭然です。
Acid2はクリアすべき目標ではありますが、これが全てではありません。例えばこのテストにテキストが全く無いことに気づいていますか?(もちろん、見出しではなくて、テスト内部にということです。) Gecko1.9(trunk)が初めてテストをクリアした段階では、まだ多くの言語のテキストをまともに表示することはできませんでしたが、テストはクリアできていました。Acid2のみをブラウザの唯一のテスト結果として信仰するのであれば、その当時のバグだらけのGecko1.9は、今多くの人が毎日使ってくれているFirefox2のGecko1.8.1よりも素晴らしいものだということです。
ちなみにここまで調査、書くのに約一時間半でした。
