node-turbo 1.1.1 → 1.2.0

package/.mocharc.json

@@ -2,6 +2,5 @@
 	"ui": "bdd",
 	"recursive": true,
 	"check-leaks": true,
-	"parallel": false,
-	"spec": "./test/**/*.test.js"
+	"parallel": false	
 }

package/README.md

@@ -51,12 +51,12 @@ This module has been built for Node.js only and does not work in the browser (no
 node-turbo as been written as an ECMAScript module and all examples will use ES module syntax. If you want to use node-turbo within a CommonJS application, use dynamic [`import()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/import) instead of `require()`.
 
 ### Tested
-node-turbo has been tested with:
+node-turbo has been tested with 100% code coverage with the following engines/libraries:
 
 | Name | Version(s) |
 | :--- | :--- |
 | [Node.js](https://nodejs.org/) | 16.6 - 21.5.0 |
-| [Hotwire Turbo](https://turbo.hotwired.dev/) | 7.3.0 - 8.0.4 |
+| [Hotwire Turbo](https://turbo.hotwired.dev/) | 7.3.0 - 8.0.5 |
 | [Koa](https://koajs.com/) | 2.14.2 - 2.15.3 |
 | [Express](https://expressjs.com/) | 4.18.2 - 4.19.2 |
 | [ws](https://github.com/websockets/ws) | 8.15.1 -  8.18.0 |
@@ -92,7 +92,7 @@ This will render the following HTML fragment:
 ```
 
 ##### Action shortcut functions
-For all supported [official actions](https://turbo.hotwired.dev/handbook/streams#stream-messages-and-actions) (`append`, `prepend`, `replace`, `update`, `remove`, `before`, `after`, `morph` and `refresh`), there are chainable shortcut functions:
+For all supported [official actions](https://turbo.hotwired.dev/handbook/streams#stream-messages-and-actions) (`append`, `prepend`, `replace`, `update`, `remove`, `before`, `after` and `refresh`), there are chainable shortcut functions:
 
 ```javascript
 import { TurboStream } from 'node-turbo';
@@ -122,6 +122,10 @@ Result:
 </turbo-stream>
 ```
 
+> [!NOTE]
+> There briefly was a `morph` action, which node-turbo supported since version 1.0.1. This action has been removed from Hotwire Turbo and its functionality integrated into the `update` and `replace` actions (when used with attribute `method="morph"`). Therefore the action shortcut functions `morph()` and `morphAll()` have been deprecated and will likely be removed in the future.
+
+
 ##### Additional attributes
 If you want/need to add additional attributes to an Turbo Stream element, you can always pass an object instead of the target ID string. Attributes with value `null` will be rendered as boolean attributes.
 
@@ -129,10 +133,10 @@ If you want/need to add additional attributes to an Turbo Stream element, you ca
 import { TurboStream } from 'node-turbo';
 
 const ts = new TurboStream()
-  .morph({
+  .update({
     target: 'target-id',
-    'children-only': null,
-    custom: 'attribute'
+    method: 'morph',
+    custom: null
   }, 
   '<p>My content</p>');
 
@@ -142,7 +146,7 @@ const html = ts.render();
 Result:
 
 ```html
-<turbo-stream action="morph" target="target-id" children-only custom="attribute">
+<turbo-stream action="update" target="target-id" method="morph" custom>
   <template>
     <p>My content</p>
   </template>
@@ -150,7 +154,7 @@ Result:
 ```
 
 ##### Target multiple elements
-If you want to [target multiple elements](https://turbo.hotwired.dev/handbook/streams#actions-with-multiple-targets), you can use the `[action]All()` function (not available when using the `refresh` action):
+If you want to [target multiple elements](https://turbo.hotwired.dev/handbook/streams#actions-with-multiple-targets), you can use the `[action]All()` function (not available for the `refresh` action):
 
 ```javascript
 import { TurboStream } from 'node-turbo';
@@ -283,7 +287,7 @@ import { isTurboStreamRequest } from 'node-turbo';
 
 const isTsReq = isTurboStreamRequest(req);
 ```
-Checks if the request is a Turbo Stream request by looking if the HTTP header `Accept` includes the MIME type `text/vnd.turbo-stream.html`. Expects an object like an http.ClientRequest instance but doesn not make any hard checks. Returns `true` or `false`.
+Checks if the request is a Turbo Stream request by looking if the HTTP header `Accept` includes the MIME type `text/vnd.turbo-stream.html`. Expects an object like an http.ClientRequest instance but does not make any hard checks. Returns `true` or `false`.
 
 ##### isTurboFrameRequest(request)
 ```javascript
@@ -299,7 +303,7 @@ import { getTurboFrameId } from 'node-turbo';
 
 const tfId = getTurboFrameId(req);
 ```
-Returns the content of the HTTP header `turbo-frame`, which holds the ID of the Turbo Frame which made the request. Expects an object like an `http.ClientRequest` instance but doesn not make any hard checks.
+Returns the content of the HTTP header `turbo-frame`, which holds the ID of the Turbo Frame which made the request. Expects an object like an `http.ClientRequest` instance but does not make any hard checks.
 
 ### Koa
 You can add convencience functions to your Koa application by calling `turbochargeKoa(app)`. This adds the following functions to Koa's `context`:

package/docs/API.md

@@ -1,6 +1,6 @@
 # node-turbo API documentation
 
-Version 1.1.0
+Version 1.2.0
 
 ## Table of Contents
 
@@ -284,9 +284,7 @@ Returns: {stream.Readable | TurboReadable} Either a readable stream or a TurboRe
 
 #### turbostream.append(targetOrAttributes, content)
 
-
 - `targetOrAttributes` {String | Object<String.String>} Either the target ID as string or all attributes as object.
-
 - `content` {String} The HTML content of the element.
 Adds a Turbo Stream element with the action `append` to the message.
 
@@ -294,9 +292,7 @@ Returns: {TurboStream} The instance for chaining.
 
 #### turbostream.appendAll(targetsOrAttributes, content)
 
-
 - `targetsOrAttributes` {String | Object<String.String>} Either the query targeting multiple DOM elements as string or all attributes as object.
-
 - `content` {String} The HTML content of the element.
 Adds a Turbo Stream element with the action `append` to the message.
 
@@ -304,9 +300,7 @@ Returns: {TurboStream} The instance for chaining.
 
 #### turbostream.prepend(targetOrAttributes, content)
 
-
 - `targetOrAttributes` {String | Object<String.String>} Either the target ID as string or all attributes as object.
-
 - `content` {String} The HTML content of the element.
 Adds a Turbo Stream element with the action `prepend` to the message.
 
@@ -314,9 +308,7 @@ Returns: {TurboStream} The instance for chaining.
 
 #### turbostream.prependAll(targetsOrAttributes, content)
 
-
 - `targetsOrAttributes` {String | Object<String.String>} Either the query targeting multiple DOM elements as string or all attributes as object.
-
 - `content` {String} The HTML content of the element.
 Adds a Turbo Stream element with the action `prepend` to the message.
 
@@ -324,9 +316,7 @@ Returns: {TurboStream} The instance for chaining.
 
 #### turbostream.replace(targetOrAttributes, content)
 
-
 - `targetOrAttributes` {String | Object<String.String>} Either the target ID as string or all attributes as object.
-
 - `content` {String} The HTML content of the element.
 Adds a Turbo Stream element with the action `replace` to the message.
 
@@ -334,9 +324,7 @@ Returns: {TurboStream} The instance for chaining.
 
 #### turbostream.replaceAll(targetsOrAttributes, content)
 
-
 - `targetsOrAttributes` {String | Object<String.String>} Either the query targeting multiple DOM elements as string or all attributes as object.
-
 - `content` {String} The HTML content of the element.
 Adds a Turbo Stream element with the action `replace` to the message.
 
@@ -344,9 +332,7 @@ Returns: {TurboStream} The instance for chaining.
 
 #### turbostream.update(targetOrAttributes, content)
 
-
 - `targetOrAttributes` {String | Object<String.String>} Either the target ID as string or all attributes as object.
-
 - `content` {String} The HTML content of the element.
 Adds a Turbo Stream element with the action `update` to the message.
 
@@ -354,9 +340,7 @@ Returns: {TurboStream} The instance for chaining.
 
 #### turbostream.updateAll(targetsOrAttributes, content)
 
-
 - `targetsOrAttributes` {String | Object<String.String>} Either the query targeting multiple DOM elements as string or all attributes as object.
-
 - `content` {String} The HTML content of the element.
 Adds a Turbo Stream element with the action `update` to the message.
 
@@ -364,7 +348,6 @@ Returns: {TurboStream} The instance for chaining.
 
 #### turbostream.remove(targetOrAttributes)
 
-
 - `targetOrAttributes` {String | Object<String.String>} Either the target ID as string or all attributes as object.
 
 Adds a Turbo Stream element with the action `remove` to the message.
@@ -373,7 +356,6 @@ Returns: {TurboStream} The instance for chaining.
 
 #### turbostream.removeAll(targetsOrAttributes)
 
-
 - `targetsOrAttributes` {String | Object<String.String>} Either the query targeting multiple DOM elements as string or all attributes as object.
 
 Adds a Turbo Stream element with the action `remove` to the message.
@@ -382,9 +364,7 @@ Returns: {TurboStream} The instance for chaining.
 
 #### turbostream.before(targetOrAttributes, content)
 
-
 - `targetOrAttributes` {String | Object<String.String>} Either the target ID as string or all attributes as object.
-
 - `content` {String} The HTML content of the element.
 Adds a Turbo Stream element with the action `before` to the message.
 
@@ -392,9 +372,7 @@ Returns: {TurboStream} The instance for chaining.
 
 #### turbostream.beforeAll(targetsOrAttributes, content)
 
-
 - `targetsOrAttributes` {String | Object<String.String>} Either the query targeting multiple DOM elements as string or all attributes as object.
-
 - `content` {String} The HTML content of the element.
 Adds a Turbo Stream element with the action `before` to the message.
 
@@ -402,9 +380,7 @@ Returns: {TurboStream} The instance for chaining.
 
 #### turbostream.after(targetOrAttributes, content)
 
-
 - `targetOrAttributes` {String | Object<String.String>} Either the target ID as string or all attributes as object.
-
 - `content` {String} The HTML content of the element.
 Adds a Turbo Stream element with the action `after` to the message.
 
@@ -412,9 +388,7 @@ Returns: {TurboStream} The instance for chaining.
 
 #### turbostream.afterAll(targetsOrAttributes, content)
 
-
 - `targetsOrAttributes` {String | Object<String.String>} Either the query targeting multiple DOM elements as string or all attributes as object.
-
 - `content` {String} The HTML content of the element.
 Adds a Turbo Stream element with the action `after` to the message.
 
@@ -422,9 +396,10 @@ Returns: {TurboStream} The instance for chaining.
 
 #### turbostream.morph(targetOrAttributes, content)
 
+> [!WARNING]
+> Deprecated since v1.2.0! Use `update()` or `replace()` with attribute `{ method: 'morph' }` instead.
 
 - `targetOrAttributes` {String | Object<String.String>} Either the target ID as string or all attributes as object.
-
 - `content` {String} The HTML content of the element.
 Adds a Turbo Stream element with the action `morph` to the message.
 
@@ -432,9 +407,10 @@ Returns: {TurboStream} The instance for chaining.
 
 #### turbostream.morphAll(targetsOrAttributes, content)
 
+> [!WARNING]
+> Deprecated since v1.2.0! Use `updateAll()` or `replaceAll()` with attribute `{ method: 'morph' }` instead.
 
 - `targetsOrAttributes` {String | Object<String.String>} Either the query targeting multiple DOM elements as string or all attributes as object.
-
 - `content` {String} The HTML content of the element.
 Adds a Turbo Stream element with the action `morph` to the message.
 

package/lib/turbo-stream.js

@@ -2,6 +2,7 @@
 import { EventEmitter } from 'node:events';
 import { TurboStreamElement, TurboReadable } from '#core';
 import { Writable, Readable } from 'node:stream';
+import { deprecate } from 'node:util';
 import db from 'debug';
 const debug = db('node-turbo:turbostream');
 
@@ -48,8 +49,7 @@ export class TurboStream extends EventEmitter {
 
 	/**
 	 * List of all supported official actions:
-	 * `append`, `prepend`, `replace`, `update`, `remove`, `before`, `after`
-	 * and `refresh`.
+	 * `append`, `prepend`, `replace`, `update`, `remove`, `before`, `after` and `refresh`.
 	 * 
 	 * @see https://turbo.hotwired.dev/handbook/streams#stream-messages-and-actions
 	 * @type {Array}
@@ -64,7 +64,6 @@ export class TurboStream extends EventEmitter {
 		'remove',
 		'before',
 		'after',
-		'morph',
 		'refresh'
 	];
 
@@ -80,6 +79,37 @@ export class TurboStream extends EventEmitter {
 	}
 
 
+	/**
+	 * Adds a Turbo Stream Element with the action 'morph' to the message.
+	 * 
+	 * @param {String|Object<String, String>} requestIdOrAttributes - Either the request ID as string or all attributes as an object.
+	 * @returns {TurboStream} The instance for chaining.
+	 * @deprecated since version 1.2.0.
+	 */
+	morph = deprecate((targetOrAttributes, content) => {
+			if (typeof targetOrAttributes === 'string') {
+				return this.addElement({ action: 'morph', target: targetOrAttributes }, content);	
+			}
+			/* c8 ignore next 3 */
+			else {
+				return this.addElement(Object.assign({ action: 'morph' }, targetOrAttributes), content);	
+			}
+		}, 'morph() is deprecated. Use refresh() or replace() with attribute { method: "morph" }.');
+
+
+	/**
+	 * Adds a Turbo Stream Element with the action 'morph' to the message.
+	 * 
+	 * @param {String} targets - The query string targeting multiple DOM elements.
+	 * @param {String} content - The HTML content of the element. 
+	 * @returns {TurboStream} The instance for chaining.
+	 * @deprecated since version 1.2.0.
+	 */
+	morphAll = deprecate((targets, content) => {
+			return this.addElement({ action: 'morph', targets }, content);	
+		}, 'morphAll() is deprecated. Use refreshAll() or replaceAll() with attribute { method: "morph" }.');
+
+
 	/**
 	 * If `attributes` and `content` are available, a Turbo Stream element is added to the buffer,
 	 * pending validation.

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "node-turbo",
-	"version": "1.1.1",
+	"version": "1.2.0",
 	"description": "A library for Node.js to assist with the server side of 37signals' Hotwire Turbo framework. It provides classes and functions for Web servers and also convenience functions for the frameworks Koa and Express as well as for WebSocket and SSE.",
 	"keywords": [
 		"node",
@@ -48,11 +48,11 @@
 		"#errors": "./lib/errors/index.js"
 	},
 	"scripts": {
-		"test": "NODE_ENV=testing mocha --require \"./test/hooks.js\"",
-		"test:unit": "NODE_ENV=testing mocha --ignore \"./test/integration/**\" --ignore \"./test/*\"",
-		"test:integration": "NODE_ENV=testing mocha --ignore \"./test/unit/**\" --ignore \"./test/*\"",
-		"test:package": "NODE_ENV=testing mocha --ignore \"./test/unit/**\" --ignore \"./test/integration/**\"",
-		"test:all": "NODE_ENV=testing mocha",
+		"test": "NODE_ENV=testing mocha --require \"./test/hooks.js\" \"./test/**/*.test.js\"",
+		"test:unit": "NODE_ENV=testing mocha \"./test/unit/**/*.test.js\"",
+		"test:integration": "NODE_ENV=testing mocha \"./test/integration/**/*.test.js\"",
+		"test:package": "NODE_ENV=testing mocha \"./test/package.test.js\"",
+		"test:all": "NODE_ENV=testing mocha \"./test/**/*.test.js\"",
 		"test:coverage": "c8 -c './.c8rc.json' npm test",
 		"docs": "esdoc -c ./.esdoc.json",
 		"postdocs": "cp -f ./docs/internal/API.md ./docs"
@@ -67,12 +67,10 @@
 		"@enterthenamehere/esdoc-external-nodejs-plugin": "^2.6.0-dev.1",
 		"@enterthenamehere/esdoc-importpath-plugin": "^2.6.0-dev.1",
 		"@enterthenamehere/esdoc-standard-plugin": "^2.6.0-dev.2",
-		"@hotwired/turbo": "^8.0.4",
-		"@playwright/test": "^1.45.1",
+		"@hotwired/turbo": "^8.0.5",
 		"@vividvisions/esdoc-api-doc-markdown-plugin": "file:../esdoc-api-doc-markdown-plugin",
 		"c8": "^10.1.2",
-		"chai": "^4.4.1",
-		"chai-eventemitter2": "^0.2.1",
+		"chai": "^5.1.1",
 		"chai-spies": "^1.1.0",
 		"colorette": "^2.0.20",
 		"eventsource": "^2.0.2",
@@ -81,7 +79,7 @@
 		"koa": "^2.15.3",
 		"koa-route": "^4.0.1",
 		"koa-static": "^5.0.0",
-		"mocha": "^10.6.0",
+		"mocha": "^10.7.0",
 		"node-mocks-http": "^1.15.0",
 		"nunjucks": "^3.2.4",
 		"supertest": "^7.0.0",

package/test/chai.js

@@ -0,0 +1,8 @@
+
+import * as chaiModule from 'chai';
+import chaiSpies from 'chai-spies';
+
+const chai = chaiModule.use(chaiSpies);
+
+export default chai;
+export const { spy, expect } = chai;

package/test/integration/express.test.js

@@ -1,5 +1,5 @@
 
-import { expect } from 'chai';
+import { expect } from '../chai.js';
 import request from 'supertest';
 import express from 'express';
 import { TurboStream, TurboFrame } from '#core';

package/test/integration/koa.test.js

@@ -1,5 +1,5 @@
 
-import { expect } from 'chai';
+import { expect } from '../chai.js';
 import request from 'supertest';
 import Koa from 'koa';
 import route from 'koa-route';

package/test/integration/sse.test.js

@@ -1,5 +1,5 @@
 
-import { expect } from 'chai';
+import { expect } from '../chai.js';
 import request from 'supertest';
 import Koa from 'koa';
 import EventSource from 'eventsource';

package/test/integration/ws.test.js

@@ -1,5 +1,5 @@
 
-import { expect } from 'chai';
+import { expect } from '../chai.js';
 import request from 'supertest';
 import { TurboStream } from '#core';
 import { WsTurboStream } from '#ws';

package/test/unit/core/request-helpers.test.js

@@ -1,5 +1,5 @@
 
-import { expect } from 'chai';
+import { expect } from '../../chai.js';
 import * as hlp from '../../../lib/request-helpers.js';
 import httpMocks from 'node-mocks-http';
 

package/test/unit/core/turbo-element.test.js

@@ -1,5 +1,5 @@
 
-import { expect } from 'chai';
+import { expect } from '../../chai.js';
 import { TurboElement } from '#core';
 
 

package/test/unit/core/turbo-frame.test.js

@@ -1,5 +1,5 @@
 
-import { expect } from 'chai';
+import { expect } from '../../chai.js';
 import { TurboFrame } from '#core';
 import { AttributeMissingError, AttributeMalformedError } from '#errors';
 

package/test/unit/core/turbo-readable.test.js

@@ -1,11 +1,8 @@
 
-import chai, { expect } from 'chai';
-import spies from 'chai-spies';
+import { expect, spy } from '../../chai.js';
 import { TurboStream, TurboElement, TurboStreamElement, TurboReadable } from '#core';
 import { Readable } from 'node:stream';
 
-chai.use(spies);
-
 const attr = {
 	action: 'a',
 	target: 't'
@@ -20,12 +17,12 @@ describe('TurboReadable', function() {
 
 
 	beforeEach(function() {
-		chai.spy.on(this.readable, 'push');
+		spy.on(this.readable, 'push');
 	});
 
 
 	afterEach(function() {
-		chai.spy.restore(this.readable, 'push');
+		spy.restore(this.readable, 'push');
 	});
 
 
@@ -73,11 +70,11 @@ describe('TurboReadable', function() {
 
 	it('_destroy() gets called when steam is destroyed', function() {
 		const readable = this.ts.createReadableStream();
-		chai.spy.on(readable, '_destroy');
+		spy.on(readable, '_destroy');
 		readable.destroy();
 
 		expect(readable._destroy).to.have.been.called();
-		chai.spy.restore(readable, '_destroy');
+		spy.restore(readable, '_destroy');
 	});
 
 

package/test/unit/core/turbo-stream-element.test.js

@@ -1,5 +1,5 @@
 
-import { expect } from 'chai';
+import { expect } from '../../chai.js';
 import { TurboStreamElement } from '#core';
 
 describe('TurboStreamElement', function() {

package/test/unit/core/turbo-stream.test.js

@@ -1,11 +1,8 @@
 
-import chai, { expect } from 'chai';
-import eventemitter2 from 'chai-eventemitter2';
+import { expect } from '../../chai.js';
 import { TurboStream, TurboElement, TurboStreamElement, TurboReadable } from '#core';
 import { Readable } from 'node:stream';
 
-chai.use(eventemitter2());
-
 const attr = {
 	action: 'a',
 	target: 't'
@@ -58,10 +55,15 @@ describe('TurboStream', function() {
 			expect(ts.elements[0].content).to.be.equal('c');
 		});
 
-
 		it('emits event \'element\' with Turbo Stream element', function() {
-			const ts = new TurboStream({ action: 'a', target: 't' }, 'c');
-			expect(ts).to.emit('element', { withArgs: (element) => element instanceof TurboStreamElement });
+			return new Promise(resolve => {
+				const ts = new TurboStream();
+				ts.on('element', (el) => {
+					expect(el).to.be.an.instanceof(TurboStreamElement);
+					resolve();
+				});
+				ts.addElement({ action: 'a', target: 't' }, 'c');
+			});
 		});
 
 
@@ -83,9 +85,15 @@ describe('TurboStream', function() {
 		});
 
 
-		it('emits event \'config\' with config object', function() {
-			const ts = new TurboStream().updateConfig({ foo: 'bar' });
-			expect(ts).to.emit('config', { withArgs: ts.config });
+		it('emits event \'config\' with config object', async function() {
+			const ts = new TurboStream();
+
+			const result = await new Promise(resolve => {
+				ts.on('config', resolve)
+				ts.updateConfig({ foo: 'bar' });
+			});
+
+			expect(result).to.deep.equal(ts.config);
 		});
 
 
@@ -104,9 +112,14 @@ describe('TurboStream', function() {
 		});
 
 		it('emits event \'clear\'', function() {
-			const ts = new TurboStream({ action: 'a', target: 't' }, 'c');
-			ts.clear();
-			expect(ts).to.emit('clear');
+			return new Promise(resolve => {
+				const ts = new TurboStream({ action: 'a', target: 't' }, 'c');
+				ts.on('clear', () => {
+					expect(true).to.be.true;
+					resolve();
+				});
+				ts.clear();
+			});
 		});
 
 		it('is chainable', function() {
@@ -146,11 +159,15 @@ describe('TurboStream', function() {
 			expect(ts.render()).to.be.null;
 		});
 
-		it('emits event \'render\' with HTML string', function() {
-			const ts = new TurboStream({ action: 'a', target: 't' }, 'c');
-			const html = ts.render();
+		it('emits event \'render\' with HTML string', async function() {
+			const 
+				ts = new TurboStream({ action: 'a', target: 't' }, 'c'),
+				result = await new Promise(resolve => {
+					ts.on('render', resolve);
+					ts.render();
+				});
 
-			expect(ts).to.emit('render', { withArgs: html });
+			expect(result).to.be.equal('<turbo-stream action="a" target="t"><template>c</template></turbo-stream>');
 		});
 	});
 
@@ -172,14 +189,20 @@ describe('TurboStream', function() {
 			expect(html).to.equal('<turbo-stream action="append" target="t"><template>c</template></turbo-stream>');
 		});
 
-		it('emits events \'render\' and \'clear\'', function() {
-			const 
-				ts = new TurboStream({ action: 'a', target: 't' }, 'c'),
-				html = ts.flush();
+		it('emits events \'render\' and \'clear\'', async function() {
+			let flushHtml;
 
-			expect(ts)
-				.to.emit('render', { withArgs: html })
-				.to.emit('clear');
+			const result = await new Promise(resolve => {
+				const ts = new TurboStream({ action: 'a', target: 't' }, 'c');
+				let resultHtml;
+
+				ts.on('render', html => resultHtml = html);
+				ts.on('clear', resolve(resultHtml));
+
+				flushHtml = ts.flush();
+			});
+
+			expect(result).to.deep.equal(flushHtml);
 		});
 	});
 
@@ -228,10 +251,11 @@ describe('TurboStream', function() {
 		});
 
 		it ('[action]() emits event \'element\'', function() {
-			const ts = new TurboStream();
-			ts.append({ target: 't', foo: 'bar' }, 'c');
-
-			expect(ts).to.emit('element');
+			return new Promise(resolve => {
+				const ts = new TurboStream();
+				ts.on('element', resolve);
+				ts.append({ target: 't', foo: 'bar' }, 'c');
+			});
 		});
 
 
@@ -309,6 +333,53 @@ describe('TurboStream', function() {
 			expect(ts.elements[0].attributes).to.have.property('foo');
 			expect(ts.elements[0].attributes.foo).to.equal('bar');
 		});
+
+		// Test deprecated functions.
+		describe('Deprecated actions', function() {
+
+			it ('morph() warns about deprecation.', function() {
+				return new Promise(resolve => {
+					process.once('warning', err => {
+						expect(err).to.be.an('error');
+						expect(err.message).to.include('morph() is deprecated');
+						resolve();
+					});
+
+					const ts = new TurboStream();
+					ts.morph('t', 'c');
+				});
+			});
+
+			it ('morph() adds TurboElement with action \'morph\'', function() {
+				const ts = new TurboStream();
+				ts.morph('t', 'c');
+
+				expect(ts.elements[0] instanceof TurboElement).to.be.true;
+				expect(ts.elements[0].attributes.action).to.equal('morph');
+			});
+
+			it ('morphAll() warns about deprecation.', function() {
+				return new Promise(resolve => {
+					process.once('warning', err => {
+						expect(err).to.be.an('error');
+						expect(err.message).to.include('morphAll() is deprecated');
+						resolve();
+					});
+
+					const ts = new TurboStream();
+					ts.morphAll('ts', 'c');
+				});
+			});
+
+			it ('morphAll() adds TurboElement with action \'morph\'', function() {
+				const ts = new TurboStream();
+				ts.morphAll('ts', 'c');
+
+				expect(ts.elements[0] instanceof TurboElement).to.be.true;
+				expect(ts.elements[0].attributes.action).to.equal('morph');
+			});
+
+		});
 	});
 
 	

package/test/unit/express/express-turbo-stream.test.js

@@ -1,12 +1,9 @@
 
-import chai, { expect } from 'chai';
-import spies from 'chai-spies';
+import { expect, spy } from '../../chai.js';
 import { ExpressTurboStream } from '#express';
 import { TurboStream } from '#core';
 
-chai.use(spies);
-const sandbox = chai.spy.sandbox();
-
+const sandbox = spy.sandbox();
 
 describe('ExpressTurboStream', function() {
 

package/test/unit/express/turbocharge-express.test.js

@@ -1,12 +1,10 @@
 
-import chai, { expect } from 'chai';
-import spies from 'chai-spies';
+import { expect, spy } from '../../chai.js';
 import { turbochargeExpress, ExpressTurboStream } from '#express';
 import { TurboStream } from '#core';
 import { SseTurboStream } from '#sse';
 
-chai.use(spies);
-const sandbox = chai.spy.sandbox();
+const sandbox = spy.sandbox();
 
 describe('turbochargeExpress()', function() {
 

package/test/unit/koa/koa-turbo-stream.test.js

@@ -1,5 +1,5 @@
 
-import { expect } from 'chai';
+import { expect } from '../../chai.js';
 import { KoaTurboStream } from '#koa';
 import { TurboStream } from '#core';
 

package/test/unit/koa/turbocharge-koa.test.js

@@ -1,14 +1,10 @@
 
-import chai, { expect } from 'chai';
-import spies from 'chai-spies';
+import { expect, spy } from '../../chai.js';
 import { turbochargeKoa } from '#koa';
 import { TurboStream, TurboReadable } from '#core';
 import { SseTurboStream } from '#sse';
 import { Transform } from 'node:stream';
 
-chai.use(spies);
-const sandbox = chai.spy.sandbox();
-
 describe('turbochargeKoa()', function() {
 
 	beforeEach(function() {
@@ -25,13 +21,13 @@ describe('turbochargeKoa()', function() {
 		};
 
 		// sandbox.on(this.mockKoaApp.context.req.socket, ['setTimeout', 'setNoDelay', 'setKeepAlive']);
-		chai.spy.on(this.mockKoaApp.context, 'set');
+		spy.on(this.mockKoaApp.context, 'set');
 	});
 
 
 	afterEach(function() {
 		// sandbox.restore();
-		chai.spy.restore(this.mockKoaApp.context, 'set');
+		spy.restore(this.mockKoaApp.context, 'set');
 	});
 
 

package/test/unit/sse/sse-turbo-stream.test.js

@@ -1,5 +1,5 @@
 
-import { expect } from 'chai';
+import { expect } from '../../chai.js';
 import { SseTurboStream } from '#sse';
 import { Transform } from 'node:stream';
 

package/test/unit/ws/ws-turbo-stream.test.js

@@ -1,10 +1,8 @@
 
-import chai, { expect } from 'chai';
-import spies from 'chai-spies';
+import { expect, spy } from '../../chai.js';
 import { WsTurboStream } from '#ws';
 import { TurboStream } from '#core';
 
-chai.use(spies);
 
 // Mock WebSocket instance.
 const mockWs = {
@@ -16,12 +14,12 @@ const mockWs = {
 describe('WsTurboStream', function() {
 
 	beforeEach(() => {
-		chai.spy.on(mockWs, 'send');
+		spy.on(mockWs, 'send');
 	});
 
 
 	afterEach(() => {
-		chai.spy.restore(mockWs, 'send');
+		spy.restore(mockWs, 'send');
 	});