diff --git a/examples/example.html b/examples/example.html
index 83f4cd8..4198a46 100644
--- a/examples/example.html
+++ b/examples/example.html
@@ -6,6 +6,9 @@
   <script src="../src/d3-timeline.js"></script>
 
   <style type="text/css">
+    body {
+      background-color: white;
+    }
     .axis path,
     .axis line {
       fill: none;
diff --git a/test/README.md b/test/README.md
new file mode 100644
index 0000000..05a6f96
--- /dev/null
+++ b/test/README.md
@@ -0,0 +1,8 @@
+# Tests
+
+Make screenshots for each commit
+
+```
+cd test
+phantomjs make_screenshots.js && open screenshots/*.png
+```
diff --git a/test/make_screenshots.js b/test/make_screenshots.js
new file mode 100644
index 0000000..82f680e
--- /dev/null
+++ b/test/make_screenshots.js
@@ -0,0 +1,13 @@
+var page = require('webpage').create();
+page.viewportSize = { width: 1000, height: 1000 };
+page.open('../examples/example.html', function(status) {
+    if (status !== 'success') {
+            console.log('Unable to load the address!');
+            phantom.exit(1);
+        } else {
+            window.setTimeout(function () {
+                page.render("screenshots/example_html.png");
+                phantom.exit();
+            }, 50);
+        }
+});
diff --git a/test/screenshots/example_html.png b/test/screenshots/example_html.png
new file mode 100644
index 0000000..dc4ae5c
Binary files /dev/null and b/test/screenshots/example_html.png differ