From 42abcfe5fc44fe67a31730671674085d821626a7 Mon Sep 17 00:00:00 2001
From: Niklas von Hertzen <niklasvh@gmail.com>
Date: Mon, 31 Dec 2012 20:10:18 +0200
Subject: [PATCH] added border radius test

---
 tests/cases/border/radius.html | 57 ++++++++++++++++++++++++++++++++++
 tests/rangetest.html           | 37 ++++++++++++++++++++++
 2 files changed, 94 insertions(+)
 create mode 100644 tests/cases/border/radius.html
 create mode 100644 tests/rangetest.html
diff --git a/tests/cases/border/radius.html b/tests/cases/border/radius.html
new file mode 100644
index 0000000..fe100b1
--- /dev/null
+++ b/tests/cases/border/radius.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Borders tests</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <script type="text/javascript" src="../../test.js"></script>
+    <style type="text/css">
+      div {
+        width: 200px;
+        height: 200px;
+        display: inline-block;
+        margin: 10px;
+        background:#6F428C;
+        border-style: solid;
+        border-radius: 50px;
+      }
+
+      .box1 {
+        border-width: 1px;
+        border-left-color: #00b5e2;
+        border-top-color: red;
+        border-right-color: green;
+      }
+
+      .box2 {
+        border-width: 3px;
+        border-left-color: #00b5e2;
+        border-top-color: red;
+        border-right-color: green;
+      }
+
+      .box3 {
+        border-width: 10px;
+        border-left-color: #00b5e2;
+        border-top-color: red;
+        border-right-color: green;
+      }
+
+      .box4 {
+        border-width: 50px;
+        border-left-color: #00b5e2;
+        border-top-color: red;
+        border-right-color: green;
+      }
+
+      html {
+        background: #3a84c3;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="box1">&nbsp;</div>
+    <div class="box2">&nbsp;</div>
+    <div class="box3">&nbsp;</div>
+    <div class="box4">&nbsp;</div>
+  </body>
+</html>
diff --git a/tests/rangetest.html b/tests/rangetest.html
new file mode 100644
index 0000000..bbd3308
--- /dev/null
+++ b/tests/rangetest.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Range tests</title>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+    <style>
+      #tests {
+        font-family:Arial;
+      }
+      </style>
+  </head>
+  <body>
+    <div id="tests"></div>
+    <script>
+      var div = document.getElementById("tests"), item, range, textNode, bounds;
+
+      for (var i = 6; i < 72; i++) {
+        item = document.createElement("div");
+        item.style.fontSize = i + "px";
+        item.style.lineHeight = (10 + i * 2) + "px";
+        textNode = document.createTextNode(i);
+        item.appendChild(textNode);
+        div.appendChild(item);
+
+        range = document.createRange();
+        range.setStart(textNode, 0);
+        range.setEnd(textNode, i.toString().length);
+        bounds = range.getBoundingClientRect();
+
+        textNode.nodeValue += " " + bounds.height + " " + bounds.bottom + (i % 3 === 0);
+
+      }
+
+    </script>
+    <script src="test.js"></script>
+  </body>
+</html>
