From dc026db80005411d7a89dd087fb509c6e84eee95 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?kleines=20Filmr=C3=B6llchen?= <malu.bertsch@gmail.com>
Date: Tue, 14 Sep 2021 00:33:46 +0200
Subject: [PATCH] Base: Add developer's tests to computed-style.html

---
 Base/res/html/misc/computed-style.html | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/Base/res/html/misc/computed-style.html b/Base/res/html/misc/computed-style.html
index bdde368b83..910237cb40 100644
--- a/Base/res/html/misc/computed-style.html
+++ b/Base/res/html/misc/computed-style.html
@@ -13,6 +13,22 @@
     display: block;
     color: red;
 }
+p {
+    display: inherit;
+    opacity: 50%;
+    font-size: 90%;
+    background: white;
+    cursor: col-resize;
+    border-radius: 30px 1cm;
+}
+p#yak {
+    flex: content;
+    height: 60px;
+    left: -4%;
+    padding: 6cm;
+    margin: auto;
+    border: 5px solid blue;
+}
 </style>
 </style>
 </head>
@@ -21,6 +37,7 @@
 <div id=bar style="color: green">Other text</div>
 <div id=invisible>You cannot see me</div>
 <div id=visible>You CAN see me</div>
+<p id="yak">Lorem Yaksum dolor sit yakkety...</p>
 <script>
 // #foo
 var foo = document.getElementById("foo");
@@ -43,6 +60,12 @@ var visible = document.getElementById("visible");
 var visibleStyle = getComputedStyle(visible);
 console.log(visibleStyle.display)
 console.log(visibleStyle.color)
+
+var yak = document.getElementById("yak");
+var yakStyle = getComputedStyle(yak);
+for (style of ['font-size', 'border', 'padding', 'margin', 'flex', 'height', 'left', 'cursor', 'display', 'background', 'opacity', 'border-radius']) {
+    console.log(style, yakStyle[style])
+}
 </script>
 </body>
 </html>