✨ Added $.getProp()

Author: arguiot

__test__/display.js

@@ -436,6 +436,17 @@ class DisplayJS {
 		const waitUntil = new Date().getTime() + ms;
 		while(new Date().getTime() < waitUntil) true;
 	}
+	getProp(el) {
+		el = this.s(el);
+		return this.extend(el[0], {
+			text: el[0].innerText,
+			html: el[0].innerHTML,
+			css: window.getComputedStyle(el[0]),
+			height: el[0].outerHeight,
+			width: el[0].outerWidth,
+		})
+	}
+
 	// Math and array manipulation + includes
 	extend( defaults, options ) {
 		const extended = {};

__test__/dom.html

@@ -15,6 +15,13 @@
 <div class="predict"></div>
 <div class="bg">Hello</div>
 <hello-element name="world"></hello-element>
+<div class="height"></div>
+
+<style>
+.height {
+	width: 100px;
+}
+</style>
 <script src="/eyejs/" charset="utf-8"></script>
 <script src="/static/display.js"></script>
 <script>
@@ -55,6 +62,9 @@
 	eye.test(
 		$ => $(djs.single("hello-element").innerHTML).Match(/Hello/)
 	)
+	eye.test(
+		$ => $(djs.getProp(".height").css.width).Match(/100px/)
+	)
 	setTimeout(() => {
 		eye.test(
 			$ => $().visual()

dist/display.js

@@ -466,6 +466,17 @@ class DisplayJS {
     const waitUntil = new Date().getTime() + ms;
     while (new Date().getTime() < waitUntil) true;
   }
+  getProp(el) {
+    el = this.s(el);
+    return this.extend(el[0], {
+      text: el[0].innerText,
+      html: el[0].innerHTML,
+      css: window.getComputedStyle(el[0]),
+      height: el[0].outerHeight,
+      width: el[0].outerWidth
+    });
+  }
+
   // Math and array manipulation + includes
   extend(defaults, options) {
     const extended = {};

dist/display.min.js

@@ -466,6 +466,17 @@ class DisplayJS {
     const waitUntil = new Date().getTime() + ms;
     while (new Date().getTime() < waitUntil) true;
   }
+  getProp(el) {
+    el = this.s(el);
+    return this.extend(el[0], {
+      text: el[0].innerText,
+      html: el[0].innerHTML,
+      css: window.getComputedStyle(el[0]),
+      height: el[0].outerHeight,
+      width: el[0].outerWidth
+    });
+  }
+
   // Math and array manipulation + includes
   extend(defaults, options) {
     const extended = {};

dist/light/display.es6.js

@@ -754,6 +754,20 @@ var DisplayJS = (function() {
           true;
         }
       }
+    },
+    {
+      key: "getProp",
+      value: function getProp(el) {
+        el = this.s(el);
+        return this.extend(el[0], {
+          text: el[0].innerText,
+          html: el[0].innerHTML,
+          css: window.getComputedStyle(el[0]),
+          height: el[0].outerHeight,
+          width: el[0].outerWidth
+        });
+      }
+
       // Math and array manipulation + includes
     },
     {