Add some more UI tests

docs/to-do.text

@@ -160,6 +160,7 @@ Explore competitors and technical docs.
   Nullboard
     Review the tutorial text too.
   Dragula
+  https://github.com/atlassian/pragmatic-drag-and-drop
   tldraw
   https://www.sketch.com/apps
   Review Lit docs.
@@ -183,3 +184,5 @@ Customize the PWA title bar.
   https://devtoolstips.org/tips/en/simulate-pwa-wco/
 Move children to parent button.
 Scroll to line on focus.
+Consider a new font.
+  https://news.ycombinator.com/item?id=39465891

src/elements/app-menu/app-menu.test.ts

@@ -0,0 +1,7 @@
+import {assert} from '@esm-bundle/chai'
+import {AppMenu} from './app-menu.js'
+
+test('tag is defined', () => {
+  const el = document.createElement('app-menu')
+  assert.instanceOf(el, AppMenu)
+})

src/elements/button-el.test.ts

@@ -0,0 +1,7 @@
+import {assert} from '@esm-bundle/chai'
+import {ButtonEl} from './button-el.js'
+
+test('tag is defined', () => {
+  const el = document.createElement('button-el')
+  assert.instanceOf(el, ButtonEl)
+})

src/elements/drag-area.test.ts

@@ -0,0 +1,7 @@
+import {assert} from '@esm-bundle/chai'
+import {DragArea} from './drag-area.js'
+
+test('tag is defined', () => {
+  const el = document.createElement('drag-area')
+  assert.instanceOf(el, DragArea)
+})

src/elements/drag-line.test.ts

@@ -0,0 +1,7 @@
+import {assert} from '@esm-bundle/chai'
+import {DragLine} from './drag-line.js'
+
+test('tag is defined', () => {
+  const el = document.createElement('drag-line')
+  assert.instanceOf(el, DragLine)
+})

src/elements/group-list.test.ts

@@ -0,0 +1,7 @@
+import {assert} from '@esm-bundle/chai'
+import {GroupList} from './group-list.js'
+
+test('tag is defined', () => {
+  const el = document.createElement('group-list')
+  assert.instanceOf(el, GroupList)
+})

src/elements/line-list.test.ts

@@ -0,0 +1,7 @@
+import {assert} from '@esm-bundle/chai'
+import {LineList} from './line-list.js'
+
+test('tag is defined', () => {
+  const el = document.createElement('line-list')
+  assert.instanceOf(el, LineList)
+})

src/elements/linear-text/linear-text.test.ts

@@ -0,0 +1,7 @@
+import {assert} from '@esm-bundle/chai'
+import {LinearText} from './linear-text.js'
+
+test('tag is defined', () => {
+  const el = document.createElement('linear-text')
+  assert.instanceOf(el, LinearText)
+})

src/elements/note-card.test.ts

@@ -0,0 +1,7 @@
+import {assert} from '@esm-bundle/chai'
+import {NoteCard} from './note-card.js'
+
+test('tag is defined', () => {
+  const el = document.createElement('note-card')
+  assert.instanceOf(el, NoteCard)
+})

src/elements/split-block.test.ts

@@ -0,0 +1,7 @@
+import {assert} from '@esm-bundle/chai'
+import {SplitBlock} from './split-block.js'
+
+test('tag is defined', () => {
+  const el = document.createElement('split-block')
+  assert.instanceOf(el, SplitBlock)
+})

src/elements/text-editor.test.ts

@@ -0,0 +1,7 @@
+import {assert} from '@esm-bundle/chai'
+import {TextEditor} from './text-editor.js'
+
+test('tag is defined', () => {
+  const el = document.createElement('text-editor')
+  assert.instanceOf(el, TextEditor)
+})