test/css: add some visually-verified test cases for our new features

[libsvgtiny.git] / test / css / lang.svg

diff --git a/test/css/lang.svg b/test/css/lang.svg
new file mode 100644 (file)
index 0000000..4ca92de
--- /dev/null
+++ b/test/css/lang.svg
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!--
+Test the node_is_lang() select handler via the CSS :lang()
+pseudo-selector. The result should be a red square because
+because we select the blue lang="en" one and hide it.
+-->
+<svg width="640"
+     height="480"
+     viewBox="0 0 640 480"
+     xmlns="http://www.w3.org/2000/svg"
+     xmlns:svg="http://www.w3.org/2000/svg">
+
+  <style>
+    rect:lang(en) {
+      fill-opacity: 0;
+    }
+  </style>
+
+  <rect x="0"
+        y="0"
+        width="640"
+        height="480"
+        fill="red" />
+
+  <rect x="0"
+        y="0"
+        width="640"
+        height="480"
+        fill="blue"
+       lang="en" />
+
+</svg>