Refactor tests so that the stx tests also run in NodeJS

It would be nice to have tests split up into modules, but this causes
all kinds of headaches with running the tests in both the browser and
NodeJS. So we're keeping them in one file for now.

karma.conf.js

@@ -13,7 +13,6 @@ module.exports = function (config) {
             'node_modules/sinon/pkg/sinon.js',
             'dist/strophe.umd.js',
             'tests/tests.js',
-            'tests/stx.js'
         ],
 
         // list of files to exclude

src/builder.js

@@ -110,7 +110,7 @@ class Builder {
      * @example const stanza = Builder.fromString('<presence from="juliet@example.com/chamber"></presence>');
      */
     static fromString(str) {
-        const el = toElement(str);
+        const el = toElement(str, true);
         const b = new Builder('');
         b.#nodeTree = el;
         return b;

src/shims.js

@@ -26,14 +26,38 @@ function getWebSocketImplementation() {
     if (typeof globalThis.WebSocket === 'undefined') {
         try {
             return require('ws');
-        } catch (e) { // eslint-disable-line no-unused-vars
+            // eslint-disable-next-line no-unused-vars
+        } catch (e) {
             throw new Error('You must install the "ws" package to use Strophe in nodejs.');
         }
     }
     return globalThis.WebSocket;
 }
 export const WebSocket = getWebSocketImplementation();
 
+/**
+ * Retrieves the XMLSerializer implementation for the current environment.
+ *
+ * In browser environments, it uses the built-in XMLSerializer.
+ * In Node.js environments, it attempts to load the 'jsdom' package
+ * to create a compatible XMLSerializer.
+ */
+function getXMLSerializerImplementation() {
+    if (typeof globalThis.XMLSerializer === 'undefined') {
+        let JSDOM;
+        try {
+            JSDOM = require('jsdom').JSDOM;
+            // eslint-disable-next-line no-unused-vars
+        } catch (e) {
+            throw new Error('You must install the "ws" package to use Strophe in nodejs.');
+        }
+        const dom = new JSDOM('');
+        return dom.window.XMLSerializer;
+    }
+    return globalThis.XMLSerializer;
+}
+export const XMLSerializer = getXMLSerializerImplementation();
+
 /**
  * DOMParser
  * https://w3c.github.io/DOM-Parsing/#the-domparser-interface
@@ -52,7 +76,8 @@ function getDOMParserImplementation() {
         let JSDOM;
         try {
             JSDOM = require('jsdom').JSDOM;
-        } catch (e) { // eslint-disable-line no-unused-vars
+            // eslint-disable-next-line no-unused-vars
+        } catch (e) {
             throw new Error('You must install the "jsdom" package to use Strophe in nodejs.');
         }
         const dom = new JSDOM('');
@@ -75,7 +100,8 @@ export function getDummyXMLDOMDocument() {
         let JSDOM;
         try {
             JSDOM = require('jsdom').JSDOM;
-        } catch (e) { // eslint-disable-line no-unused-vars
+            // eslint-disable-next-line no-unused-vars
+        } catch (e) {
             throw new Error('You must install the "jsdom" package to use Strophe in nodejs.');
         }
         const dom = new JSDOM('');

src/types/builder.d.ts

@@ -66,7 +66,7 @@ declare class Builder {
      * Creates a new Builder object from an XML string.
      * @param {string} str
      * @returns {Builder}
-     * @example const stanza = Builder.fromString('<presence from='juliet@example.com/chamber'></presence>');
+     * @example const stanza = Builder.fromString('<presence from="juliet@example.com/chamber"></presence>');
      */
     static fromString(str: string): Builder;
     /**

src/types/shims.d.ts

@@ -14,6 +14,10 @@ export const WebSocket: {
     readonly CLOSING: 2;
     readonly CLOSED: 3;
 } | typeof import("ws");
+export const XMLSerializer: {
+    new (): XMLSerializer;
+    prototype: XMLSerializer;
+};
 export const DOMParser: {
     new (): DOMParser;
     prototype: DOMParser;

src/types/stanza.d.ts

@@ -40,7 +40,7 @@ export class Stanza extends Builder {
      *    const pres = stx`
      *       <presence from='juliet@example.com/chamber' id='pres1'>
      *           <show>dnd</show>
-     *           ${unsafeXML(status)
+     *           ${unsafeXML(status)}
      *       </presence>`;
      *    connection.send(pres);
      */