feat(ui-test-utils): add helpers to get tag, computedStyle

Change-Id: Iae05fa6e4563cba190237230ca40ac0cbbfc1c2b
Reviewed-on: https://gerrit.instructure.com/165518
Tested-by: Jenkins
Reviewed-by: Stephen Jensen <sejensen@instructure.com>
Product-Review: Jennifer Stern <jstern@instructure.com>
QA-Review: Jennifer Stern <jstern@instructure.com>

Author: junyper

packages/ui-test-utils/src/utils/helpers.js

@@ -24,6 +24,15 @@
 import runAxeCheck from '@instructure/ui-axe-check'
 import { fireEvent, prettyDOM } from 'dom-testing-library'
 
+function getOwnerDocument (element) {
+  return element.ownerDocument
+}
+
+function getOwnerWindow (element) {
+  const doc = getOwnerDocument(element)
+  return doc.defaultView || doc.parentWindow
+}
+
 function typeIn (element, value) {
   element.value = value // eslint-disable-line no-param-reassign
   fireEvent(element, new Event('change', {
@@ -33,10 +42,18 @@ function typeIn (element, value) {
   }))
 }
 
-function text (element) {
+function getTextContent (element) {
   return element.textContent
 }
 
+function getTagName (element) {
+  return element.tagName.toLowerCase()
+}
+
+function getComputedStyle (element) {
+  return getOwnerWindow(element).getComputedStyle(element)
+}
+
 function visible (element) {
   return !!( element.offsetWidth || element.offsetHeight || element.getClientRects().length )
 }
@@ -45,12 +62,12 @@ function getAttribute (element, ...args) {
   return element.getAttribute(...args)
 }
 
-function parent (element) {
+function getParentNode (element) {
   return element.parentNode
 }
 
 function focused (element) {
-  return (element ===  element.ownerDocument.activeElement)
+  return (element === getOwnerDocument(element).activeElement)
 }
 
 function getDOMNode (element) {
@@ -70,13 +87,29 @@ async function accessible (element = document.documentElement, options) {
   }
 }
 
+// aliases
+const parent = getParentNode
+const text = getTextContent
+const tag = getTagName
+const computedStyle = getComputedStyle
+const attribute = getAttribute
+
 export {
+  getOwnerWindow,
+  getOwnerDocument,
+  computedStyle,
+  getComputedStyle,
+  tag,
+  getTagName,
   typeIn,
+  attribute,
   getAttribute,
   getDOMNode,
   debug,
   accessible,
+  getTextContent,
   text,
+  getParentNode,
   parent,
   focused,
   visible