diff --git a/tests/Lib/StyleWithTestableRenderCss.php b/tests/Lib/StyleWithTestableRenderCss.php
new file mode 100644
index 00000000..3eea210b
--- /dev/null
+++ b/tests/Lib/StyleWithTestableRenderCss.php
@@ -0,0 +1,10 @@
+<?php
+
+namespace ipl\Tests\Web\Lib;
+
+use ipl\Web\Style;
+
+class StyleWithTestableRenderCss extends Style
+{
+    use TestableRenderCss;
+}
diff --git a/tests/StyleTest.php b/tests/StyleTest.php
new file mode 100644
index 00000000..5c251bce
--- /dev/null
+++ b/tests/StyleTest.php
@@ -0,0 +1,95 @@
+<?php
+
+namespace ipl\Tests\Web;
+
+use ipl\Html\Html;
+use ipl\Tests\Web\Lib\StyleWithTestableRenderCss;
+use ipl\Web\Style;
+
+class StyleTest extends TestCase
+{
+    public function testNonceIsCorrectlyRendered()
+    {
+        $style = new StyleWithTestableRenderCss();
+        $style->setNonce('12345rtzujiklö');
+
+        $this->assertSame(
+            '<style nonce="12345rtzujiklö"></style>',
+            $style->render()
+        );
+    }
+
+    public function testModuleScopeIsCorrectlyRendered()
+    {
+        $style = new StyleWithTestableRenderCss();
+        $style->setModule('foo');
+        $style->add('#bar', ['width' => 'auto']);
+
+        $this->assertSame(
+            <<<'EOT'
+<style>.icinga-module.module-foo {
+#bar {
+width: auto;
+}
+}</style>
+EOT
+            ,
+            $style->render()
+        );
+    }
+
+    public function testAddForAutomaticallyGeneratesIds()
+    {
+        $div = Html::tag('div');
+
+        $style = new Style();
+        $style->addFor($div, ['width' => 'auto']);
+
+        $this->assertNotNull($div->getAttribute('id')->getValue());
+    }
+
+    public function testAddForRespectsExistingIds()
+    {
+        $div = Html::tag('div', ['id' => 'foo']);
+
+        $style = new StyleWithTestableRenderCss();
+        $style->addFor($div, ['width' => 'auto']);
+
+        $this->assertSame(
+            <<<'EOT'
+<style>#foo {
+width: auto;
+}</style>
+EOT
+            ,
+            $style->render()
+        );
+    }
+
+    /**
+     * @depends testNonceIsCorrectlyRendered
+     * @depends testModuleScopeIsCorrectlyRendered
+     * @depends testAddForRespectsExistingIds
+     */
+    public function testCanBeCastedToString()
+    {
+        $div = Html::tag('div', ['id' => 'foo']);
+
+        $style = new StyleWithTestableRenderCss();
+        $style->setNonce('12345rtzujiklö');
+        $style->setModule('foo');
+        $style->addFor($div, ['width' => 'auto']);
+
+        $this->assertSame(
+            <<<'EOT'
+<style nonce="12345rtzujiklö">.icinga-module.module-foo {
+#foo {
+width: auto;
+}
+}</style>
+EOT
+            ,
+            (string) $style
+        );
+    }
+}