@operato/popup 10.29.12 → 10.29.13

package/test/ox-prompt-ime-enter.test.ts

@@ -0,0 +1,75 @@
+import { expect } from '@open-wc/testing'
+
+import { OxPrompt } from '../src/ox-prompt.js'
+
+/**
+ * OxPrompt.prompt confirms on Enter. An Enter that ends an IME composition (Korean, Japanese) only
+ * commits the last syllable, so confirming on it resolved with that syllable missing: a screen named
+ * "조립 셀" was created as "조립 ". The plant station-screen list guarded this in its own popup; the
+ * shared prompt now does, for every caller.
+ */
+
+const settle = (ms = 50) => new Promise(resolve => setTimeout(resolve, ms))
+
+/* Watches the step that matters - whether Enter asks the prompt to confirm - without waiting on the close. */
+async function openWatched() {
+  void OxPrompt.prompt({ title: 'name', preventCloseOnBlur: true })
+  await settle()
+
+  const prompts = document.body.querySelectorAll('ox-prompt')
+  const prompt = prompts[prompts.length - 1] as OxPrompt
+  const field = prompt.querySelector('input') as HTMLInputElement
+  let confirmed = 0
+  prompt.onConfirm = () => {
+    confirmed++
+  }
+  return { field, confirmed: () => confirmed }
+}
+
+function enter(field: HTMLInputElement, isComposing: boolean) {
+  field.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', isComposing, bubbles: true, composed: true }))
+}
+
+describe('OxPrompt.prompt and Enter', () => {
+  afterEach(async () => {
+    /* Cancel through the prompt itself so its open() settles and leaves nothing listening behind. */
+    document.body.querySelectorAll('ox-prompt').forEach(p => (p as OxPrompt).onCancel())
+    await settle(100)
+    document.body.querySelectorAll('ox-prompt').forEach(p => p.remove())
+  })
+
+  it('an Enter that ends a composition does not confirm', async () => {
+    const { field, confirmed } = await openWatched()
+    expect(field, 'the prompt draws a field').to.exist
+    enter(field, true)
+    expect(confirmed()).to.equal(0)
+  })
+
+  it('a plain Enter confirms', async () => {
+    const { field, confirmed } = await openWatched()
+    enter(field, false)
+    expect(confirmed()).to.equal(1)
+  })
+})
+
+describe('OxPrompt.prompt draws no icon unless asked', () => {
+  afterEach(async () => {
+    /* Cancel through the prompt itself so its open() settles and leaves nothing listening behind. */
+    document.body.querySelectorAll('ox-prompt').forEach(p => (p as OxPrompt).onCancel())
+    await settle(100)
+    document.body.querySelectorAll('ox-prompt').forEach(p => p.remove())
+  })
+
+  it('a plain prompt has no icon; a typed one does', async () => {
+    void OxPrompt.prompt({ title: 'name', preventCloseOnBlur: true })
+    void OxPrompt.prompt({ title: 'name', type: 'warning', preventCloseOnBlur: true })
+    await settle()
+
+    const prompts = document.body.querySelectorAll('ox-prompt')
+    const plain = prompts[0] as OxPrompt
+    const typed = prompts[1] as OxPrompt
+    await Promise.all([plain.updateComplete, typed.updateComplete])
+    expect(plain.renderRoot.querySelector('[icon]')).to.equal(null)
+    expect(typed.renderRoot.querySelector('[icon]')).to.not.equal(null)
+  })
+})