add another failing test

Author: tombl

src/client/tests/renderable.test.ts

@@ -1,4 +1,4 @@
-import { html } from 'dhtml'
+import { html, type Displayable } from 'dhtml'
 import { invalidate, onMount, onUnmount } from 'dhtml/client'
 import { assert, assert_deep_eq, assert_eq, test } from '../../../scripts/test/test.ts'
 import { setup } from './setup.ts'
@@ -569,3 +569,39 @@ test('invalidating parent during child render triggers update', () => {
 	root.render(app)
 	assert_eq(el.innerHTML, 'loading')
 })
+
+test('invalidating grandparent during child render triggers update', () => {
+	const { root, el } = setup()
+
+	const item = {
+		render() {
+			app.loading = true
+			invalidate(app)
+			return 'created'
+		},
+	}
+
+	const middle = {
+		item: null as Displayable,
+
+		render() {
+			return this.item
+		},
+	}
+
+	const app = {
+		loading: false,
+
+		render() {
+			if (this.loading) return 'loading'
+			return middle
+		},
+	}
+
+	root.render(app)
+	assert_eq(el.innerHTML, '')
+
+	middle.item = item
+	invalidate(middle)
+	assert_eq(el.innerHTML, 'loading')
+})