@operato/help 10.29.31 → 10.29.33

package/test/ox-doc.test.ts

@@ -79,6 +79,21 @@ describe('ox-doc', () => {
 })
 
 describe('ox-help-spot', () => {
+  /* Its two links are words of the reader's language, not English left in a Korean screen. */
+  it('names its links in the reader\'s language', async () => {
+    const { i18next } = await import('@operato/i18n')
+    i18next.addResourceBundle(i18next.language || 'en', 'translations', { 'button.close': '닫기', 'text.help-open-full': '전체 보기' }, true, true)
+    const el = await fixture<HTMLElement>(html`<ox-help-spot topic="a/one" section="part"></ox-help-spot>`)
+    await waitUntil(() => el.shadowRoot!.querySelector('button.q'))
+    ;(el.shadowRoot!.querySelector('button.q') as HTMLButtonElement).click()
+    await waitUntil(() => el.shadowRoot!.querySelector('.bar'))
+
+    const bar = el.shadowRoot!.querySelector('.bar')!.textContent!.replace(/\s+/g, ' ')
+    expect(bar).to.contain('전체 보기')
+    expect(bar).to.contain('닫기')
+    expect(bar).not.to.contain('close')
+  })
+
   it('opens the section in place and closes on Escape', async () => {
     const el = await fixture<HTMLElement>(html`<ox-help-spot topic="a/one" section="part"></ox-help-spot>`)
     await waitUntil(() => el.shadowRoot!.querySelector('button.q'))
@@ -98,6 +113,22 @@ describe('ox-help-spot', () => {
     await waitUntil(() => !el.shadowRoot!.querySelector('.panel'))
   })
 
+  /* A `?` in a grid header sits in nowrap, bold, right-aligned text; its panel is a document and must not take those. */
+  it('opens a panel that wraps and reads from the start, whatever the text around the ?', async () => {
+    const host = await fixture<HTMLElement>(
+      html`<div style="white-space: nowrap; text-align: right; font-weight: 700; width: 120px"><ox-help-spot topic="a/one" section="part"></ox-help-spot></div>`
+    )
+    const el = host.querySelector('ox-help-spot') as HTMLElement
+    await waitUntil(() => el.shadowRoot!.querySelector('button.q'))
+    ;(el.shadowRoot!.querySelector('button.q') as HTMLButtonElement).click()
+    await waitUntil(() => el.shadowRoot!.querySelector('.panel'))
+
+    const panel = getComputedStyle(el.shadowRoot!.querySelector('.panel')!)
+    expect(panel.whiteSpace).to.equal('normal')
+    expect(panel.textAlign).to.equal('start')
+    expect(panel.fontWeight).to.equal('400')
+  })
+
   /* A `?` is placed before its help is written; it must not open 「Content not found」 or the whole document. */
   it('stays out of sight until its topic is written', async () => {
     const el = await fixture<HTMLElement>(html`<ox-help-spot topic="a/none" section="part"></ox-help-spot>`)

package/translations/en.json

@@ -0,0 +1,4 @@
+{
+  "button.close": "Close",
+  "text.help-open-full": "open full"
+}

package/translations/es.json

@@ -0,0 +1,4 @@
+{
+  "button.close": "Cerrar",
+  "text.help-open-full": "abrir completo"
+}

package/translations/ja.json

@@ -0,0 +1,4 @@
+{
+  "button.close": "閉じる",
+  "text.help-open-full": "全体を開く"
+}

package/translations/ko.json

@@ -0,0 +1,4 @@
+{
+  "button.close": "닫기",
+  "text.help-open-full": "전체 보기"
+}

package/translations/ms.json

@@ -0,0 +1,4 @@
+{
+  "button.close": "Tutup",
+  "text.help-open-full": "buka penuh"
+}

package/translations/zh.json

@@ -0,0 +1,4 @@
+{
+  "button.close": "关闭",
+  "text.help-open-full": "打开全文"
+}