feat: use DTL in the console

Author: benmonro

manifest.json

@@ -14,6 +14,9 @@
     "scripts": ["dist/background.js"],
     "persistent": false
   },
+  "web_accessible_resources": [
+    "node_modules/@testing-library/dom/dist/@testing-library/dom.umd.min.js"
+  ],
   "content_scripts": [
     {
       "matches": ["<all_urls>"],

src/contentScript.js

@@ -57,3 +57,14 @@ function showElement(el) {
 }
 
 window.showElement = showElement;
+
+const scriptTag = document.createElement("script");
+// TODO: add "script.js" to web_accessible_resources in manifest.json
+scriptTag.src = chrome.runtime.getURL(
+  "node_modules/@testing-library/dom/dist/@testing-library/dom.umd.min.js"
+);
+// eslint-disable-next-line func-names
+scriptTag.onload = function () {
+  this.remove();
+};
+(document.head || document.documentElement).appendChild(scriptTag);