@operato/data-grist 10.29.30 → 10.29.31

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@operato/data-grist",
-  "version": "10.29.30",
+  "version": "10.29.31",
   "description": "User interface for grid (desktop) and list (mobile)",
   "author": "heartyoh",
   "type": "module",
@@ -120,5 +120,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "44682a97746b11fb380a3a5ce7718f3428e4943c"
+  "gitHead": "0b1246851e25dae823d204c352757c93585f6612"
 }

package/test/filter-labels.test.ts

@@ -65,4 +65,35 @@ describe('필터 라벨', () => {
       expect(label!.querySelector('span')?.textContent?.trim()).to.equal(name)
     }
   })
+
+  /*
+   * A header may draw more than its words - a help `?` beside them. The filter is not the header: it names the column
+   * by its words, or a press on that `?` would also tick the checkbox around it.
+   */
+  it('names a filter by the header words when the header draws more', async () => {
+    const drawn = [
+      { type: 'checkbox', name: 'flag', header: { text: 'flag', renderer: () => html`flag <button class="extra">?</button>` }, filter: true },
+      { type: 'select', name: 'kind', header: { text: 'kind', renderer: () => html`kind <button class="extra">?</button>` }, record: { options: ['', 'A'] }, filter: true }
+    ]
+    const el = (await fixture(html`
+      <ox-grist
+        style="height: 300px"
+        mode="GRID"
+        .config=${{ columns: drawn, pagination: { pages: [20] } }}
+        .fetchHandler=${async () => ({ page: 1, limit: 20, total: 0, records: [] })}
+      >
+        <div slot="headroom"><ox-filters-form without-search></ox-filters-form></div>
+      </ox-grist>
+    `)) as any
+    await settle()
+
+    const form = el.querySelector('ox-filters-form') as any
+    await form.updateComplete
+    const root = form.renderRoot as ShadowRoot
+    const deep = (node: ParentNode): boolean =>
+      Array.from(node.querySelectorAll('*')).some(one => one.matches('button.extra') || (!!one.shadowRoot && deep(one.shadowRoot)))
+    expect(deep(root), 'the header drawing is not in the filter form').to.equal(false)
+    expect(root.textContent).to.contain('flag')
+    expect(root.textContent).to.contain('kind')
+  })
 })