@operato/data-grist 10.10.0 → 10.10.2

package/dist/test/accessible-name.test.js

@@ -6,51 +6,51 @@ import { buildColumn } from '../src/configure/column-builder.js';
 import { columnText } from '../src/utils/column-text.js';
 import { ZERO_CONFIG, ZERO_DATA } from '../src/configure/zero-config.js';
 /**
- * 입력칸의 이름.
+ * Accessible names on the inputs inside the grid.
  *
- * ## 왜 시험이 필요한가
+ * ## Why this is tested
  *
- * 이 grid 안에는 이름 없는 입력칸이 여럿 있었다 — 줄을 고르는 체크박스, 머리줄의 filter 상자,
- * 그리고 포커스를 담고 있는 IME buffer. 눈으로 보는 사람에게는 **자리**가 뜻을 말해 준다(맨 왼쪽
- * 좁은 칸이면 줄 선택, 머리줄 이름 바로 아래면 그 column 의 filter). 그런데 자리는 그림일 뿐이고
- * 관계가 아니라서, 화면을 못 보는 사람에게는 이름 없는 상자들만 남는다.
+ * Several inputs here had no name: the row-select checkboxes, the header filter boxes, and the IME
+ * buffer that holds focus. Position carries the meaning for a sighted reader — a narrow leftmost
+ * column means row select, a box under a header name filters that column — but position is a
+ * picture, not a relationship, so nothing of it reaches a screen reader.
  *
- * ## 무엇을 지키려는가
+ * ## What has to hold
  *
- * 이름의 출처가 하나여야 한다. `header` 를 고쳤을 때 읽히는 이름도 함께 바뀌어야 하고, 그러려면
- * 부르는 쪽이 이름을 다시 적어 두면 안 된다. `columnText()` 가 그 유일한 출처다.
+ * The name has one source. Editing `header` must change what is announced, which means callers
+ * cannot spell the name out again. `columnText()` is that source.
  *
- * `buildColumn` 이 문자열 header 를 `() => header` 함수로 바꿔 버리는 자리가 있었는데, 그 함수가
- * 돌려주는 것은 lit template 이라 이름을 되꺼낼 수 없다 — 여기서 이름이 사라지고 있었다.
+ * `buildColumn` turns a string header into `() => header`, and that function returns a lit template
+ * the name cannot be read back out of. The name was disappearing right there.
  */
-describe('column 이름의 출처는 하나다', () => {
-    it('문자열로 준 header 는 함수로 바뀌어도 글자가 남는다', () => {
+describe('column name has one source', () => {
+    it('keeps the plain text after a string header becomes a function', () => {
         const column = buildColumn({ type: 'string', name: 'palletId', header: '파렛트 번호' });
         expect(columnText(column)).to.equal('파렛트 번호');
     });
-    it('header.renderer 에 문자열을 준 경우도 같다', () => {
+    it('keeps it when the string arrives as header.renderer', () => {
         const column = buildColumn({ type: 'string', name: 'palletId', header: { renderer: '파렛트 번호' } });
         expect(columnText(column)).to.equal('파렛트 번호');
     });
-    it('label: true 는 header 의 이름을 물려받는다', () => {
+    it('lets label: true inherit the header name', () => {
         const column = buildColumn({ type: 'string', name: 'palletId', header: '파렛트 번호', label: true });
         expect(columnText(column)).to.equal('파렛트 번호');
     });
-    it('header 를 함수로 그리면 이름을 되꺼낼 수 없다 — 그때는 column 이름으로 물러난다', () => {
+    it('falls back to column.name when the header is drawn by a function', () => {
         const column = buildColumn({ type: 'string', name: 'palletId', header: { renderer: () => html `<i>x</i>` } });
         expect(columnText(column)).to.equal('palletId');
     });
-    it('column 이 없으면 이름을 지어내지 않는다', () => {
+    it('invents no name when there is no column', () => {
         expect(columnText(undefined)).to.equal('');
         expect(columnText(null)).to.equal('');
     });
 });
-describe('줄을 고르는 칸에는 이름이 있다', () => {
+describe('row-select boxes are named', () => {
     const columns = [
         { type: 'gutter', gutterName: 'row-selector', name: '__selected__', multiple: true },
         { type: 'string', name: 'palletId', header: '파렛트 번호' }
     ].map(buildColumn);
-    it('행마다 놓인 체크박스가 몇 번째 줄인지 말한다', async () => {
+    it('says which row each checkbox selects', async () => {
         const body = await fixture(html `
       <ox-grid-body
         .config=${{ ...ZERO_CONFIG, columns }}
@@ -59,15 +59,15 @@ describe('줄을 고르는 칸에는 이름이 있다', () => {
       ></ox-grid-body>
     `);
         await body.updateComplete;
-        /* 체크박스는 각 칸(ox-grid-field)의 shadow root 안에 그려진다 — 한 겹 더 들어가야 보인다. */
+        /* The checkboxes live one shadow root deeper, inside each ox-grid-field. */
         const fields = Array.from(body.renderRoot.querySelectorAll('ox-grid-field'));
         await Promise.all(fields.map(field => field.updateComplete));
         const boxes = fields.flatMap(field => { var _a; return Array.from(((_a = field.renderRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('input[type=checkbox], input[type=radio]')) || []); });
-        expect(boxes.length, '줄을 고르는 칸을 찾지 못했다').to.be.greaterThan(0);
-        boxes.forEach(box => expect(box.getAttribute('aria-label'), '이름 없는 체크박스가 남아 있다').to.be.a('string').and.not.equal(''));
+        expect(boxes.length, 'found no row-select box').to.be.greaterThan(0);
+        boxes.forEach(box => expect(box.getAttribute('aria-label'), 'an unnamed checkbox is left').to.be.a('string').and.not.equal(''));
     });
 });
-describe('포커스를 담고 있는 IME buffer 가 지금 선 칸을 말한다', () => {
+describe('IME buffer names the cell it stands in for', () => {
     const columns = [
         { type: 'string', name: 'palletId', header: '파렛트 번호' },
         { type: 'string', name: 'location', header: '보관 위치' }
@@ -84,38 +84,37 @@ describe('포커스를 담고 있는 IME buffer 가 지금 선 칸을 말한다'
         await body.updateComplete;
         return body.renderRoot.querySelector('#ime-buffer');
     }
-    it('첫 칸에 서 있으면 첫 칸의 이름을 읽는다', async () => {
+    it('reads the first column while focus sits there', async () => {
         expect((await bodyFocusedAt(0)).getAttribute('aria-label')).to.contain('파렛트 번호');
     });
-    it('옆 칸으로 옮기면 읽히는 이름도 바뀐다 — 안 바뀌면 어디에 선 것인지 알 수 없다', async () => {
+    it('changes what it reads when focus moves a column over', async () => {
         expect((await bodyFocusedAt(1)).getAttribute('aria-label')).to.contain('보관 위치');
     });
-    it('보조기술에서 지우지 않는다 — 포커스를 받는 자리다', async () => {
+    it('stays visible to assistive tech — it is where focus lands', async () => {
         expect((await bodyFocusedAt(0)).getAttribute('aria-hidden')).to.be.null;
     });
 });
 /**
- * 표를 표라고 선언했나.
+ * Table semantics.
  *
- * ## 왜 시험이 필요한가
+ * ## Why this is tested
  *
- * 이 표는 CSS grid 로 그린다 — 칸이 평평하게 놓여 있고 **줄이라는 요소가 없다.** 보기에는 줄이
- * 있지만 그것은 같은 높이에 놓였다는 그림일 뿐이다. 그래서 스크린 리더에게 이 화면은 「여기가
- * 표다」도, 「지금 3행 3열이다」도, 「전체는 40행이다」도 아닌 **입력칸 더미**였다.
+ * The grid is drawn with CSS grid: cells sit flat and there is no row element. Rows are a picture
+ * made of equal offsetTop, so a screen reader saw a pile of inputs rather than a table — no "this
+ * is a table", no "row 3 column 3", no "40 rows in all".
  *
- * 줄 감싸개를 넣으면서 두 가지가 동시에 깨질 수 있다.
+ * Adding row wrappers can break two things at once:
  *
  * ```
- * 뜻이 서나    role=grid / row / columnheader / gridcell 이 제대로 겹쳐 있나
- * 모양이 사나  display: contents 가 정말로 상자를 안 만드나 — 만들면 표가 한 줄로 무너진다
+ * semantics   grid / row / columnheader / gridcell have to nest correctly
+ * layout      display: contents must generate no box; if it does, the columns collapse
  * ```
  *
- * 두 번째가 특히 중요하다. `display: contents` 를 잘못 걸면 칸들이 grid 항목이 아니게 되어
- * 열이 사라진다. 그래서 **자리를 실제로 확인한다** — 한 줄 안의 칸은 왼쪽으로 갈수록 x 가 커지고,
- * 줄과 줄은 y 가 달라야 한다.
+ * The second one is why geometry is asserted: cells in a row must step right, and rows must step
+ * down.
  */
-describe('표를 표라고 선언한다', () => {
-    /* ox-grid 는 이미 다듬어진 column 을 받는다 — 다듬는 것은 ox-grist 의 일이다. */
+describe('grid declares itself a grid', () => {
+    /* ox-grid takes already-compiled columns; compiling them is ox-grist's job. */
     const columns = [
         { type: 'gutter', gutterName: 'row-selector', name: '__selected__', multiple: true },
         { type: 'string', name: 'palletId', header: '파렛트 번호', sortable: true },
@@ -145,39 +144,39 @@ describe('표를 표라고 선언한다', () => {
         await (body === null || body === void 0 ? void 0 : body.updateComplete);
         return { el, header, body };
     }
-    it('표 · 줄 · 칸이 겹쳐 있다', async () => {
+    it('nests grid, row and cell', async () => {
         const { el, header, body } = await grid();
         const grid_ = el.renderRoot.querySelector('[role=grid]');
-        expect(grid_, 'role=grid 가 없다').to.exist;
+        expect(grid_, 'no role=grid').to.exist;
         expect(header.getAttribute('role')).to.equal('rowgroup');
         expect(body.getAttribute('role')).to.equal('rowgroup');
         expect(header.renderRoot.querySelectorAll('[role=row]').length).to.equal(1);
         expect(body.renderRoot.querySelectorAll('[role=row]').length).to.equal(2);
         expect(header.renderRoot.querySelectorAll('[role=columnheader]').length).to.equal(3);
     });
-    it('전체가 몇 줄 몇 열인지 말한다 — 지금 페이지가 아니라', async () => {
+    it('counts the whole table, not the page on screen', async () => {
         const { el } = await grid();
         const grid_ = el.renderRoot.querySelector('[role=grid]');
-        /* 머리 한 줄 + 전체 40건. 화면에 두 줄만 그려도 40건짜리 표다. */
+        /* One header row plus 40 records. Two rows drawn is still a 40-row table. */
         expect(grid_.getAttribute('aria-rowcount')).to.equal('41');
         expect(grid_.getAttribute('aria-colcount')).to.equal('3');
         expect(grid_.getAttribute('aria-label')).to.equal('입고 대기 목록');
     });
-    it('2페이지의 첫 줄은 21번째 줄이다 — 페이지마다 1번으로 돌아가지 않는다', async () => {
+    it('numbers page 2 from row 22, not back at 1', async () => {
         const { body } = await grid({ page: 2 });
         const rows = Array.from(body.renderRoot.querySelectorAll('[role=row]'));
-        /* 머리 한 줄(1) + 앞 페이지 20건 = 22번째부터 */
+        /* One header row plus 20 records on page 1. */
         expect(rows[0].getAttribute('aria-rowindex')).to.equal('22');
         expect(rows[1].getAttribute('aria-rowindex')).to.equal('23');
     });
-    it('칸이 몇 번째 열인지 말한다 — 남는 폭을 메우는 칸은 세지 않는다', async () => {
+    it('numbers columns and leaves the width filler uncounted', async () => {
         const { body } = await grid();
         const row = body.renderRoot.querySelector('[role=row]');
         const cells = Array.from(row.querySelectorAll('[role=gridcell]'));
         expect(cells.map(cell => cell.getAttribute('aria-colindex'))).to.deep.equal(['1', '2', '3']);
-        expect(row.querySelectorAll('[role=presentation]').length, '메우는 칸이 표의 칸으로 세어졌다').to.equal(1);
+        expect(row.querySelectorAll('[role=presentation]').length, 'the filler was counted as a cell').to.equal(1);
     });
-    it('정렬 상태를 글자로도 말한다 — 화살표는 눈으로만 읽힌다', async () => {
+    it('states sort direction in text, not only as an arrow', async () => {
         const el = await fixture(html `
       <ox-grid
         .config=${{ ...ZERO_CONFIG, columns, rows: { ...ZERO_CONFIG.rows } }}
@@ -190,34 +189,33 @@ describe('표를 표라고 선언한다', () => {
         await header.updateComplete;
         const headers = Array.from(header.renderRoot.querySelectorAll('[role=columnheader]'));
         const sorts = headers.map(cell => cell.getAttribute('aria-sort'));
-        /* 거터는 정렬할 수 없다 — 있지도 않은 기능을 있다고 말하지 않는다. */
+        /* A gutter cannot be sorted; claiming otherwise announces a control that is not there. */
         expect(sorts[0]).to.be.null;
-        expect(sorts[1], '내림차순으로 정렬된 열').to.equal('descending');
-        expect(sorts[2], '정렬할 수 있으나 지금은 아닌 열').to.equal('none');
+        expect(sorts[1], 'sorted descending').to.equal('descending');
+        expect(sorts[2], 'sortable but not currently sorted').to.equal('none');
     });
-    it('줄 감싸개가 배치를 건드리지 않는다 — 상자를 만들면 표가 무너진다', async () => {
+    it('keeps the layout — a row wrapper that generates a box collapses the grid', async () => {
         const { body } = await grid();
         const rows = Array.from(body.renderRoot.querySelectorAll('[role=row]'));
         const first = Array.from(rows[0].children);
-        /* 감싸개 자신은 상자가 없다 */
         expect(getComputedStyle(rows[0]).display).to.equal('contents');
-        /* 한 줄 안의 칸은 오른쪽으로 나아간다 — 한 자리에 겹쳐 있으면 열이 사라진 것이다 */
+        /* Cells step right; stacked at one x means the columns are gone. */
         const lefts = first.map(cell => cell.offsetLeft);
-        expect(new Set(lefts).size, '칸들이 같은 x 에 겹쳐 있다').to.be.greaterThan(1);
+        expect(new Set(lefts).size, 'cells stacked at the same x').to.be.greaterThan(1);
         lefts.slice(1).forEach((left, index) => expect(left).to.be.greaterThan(lefts[index]));
-        /* 줄과 줄은 아래로 내려간다 */
+        /* Rows step down. */
         const firstTop = rows[0].children[0].offsetTop;
         const secondTop = rows[1].children[0].offsetTop;
-        expect(secondTop, '두 줄이 같은 y 에 있다').to.be.greaterThan(firstTop);
+        expect(secondTop, 'two rows at the same y').to.be.greaterThan(firstTop);
     });
 });
 /**
- * 묶음 머리가 있는 표.
+ * Grouped headers.
  *
- * 머리가 두 줄이 되고, 묶이지 않은 열은 두 줄에 걸친다(`.span-both`). 배치가 CSS grid 의
- * `grid-row` / `grid-column` 으로 이루어지므로 **줄 감싸개가 가장 위험한 자리**다.
+ * The header becomes two rows and ungrouped columns span both (`.span-both`). Placement runs
+ * through CSS `grid-row` / `grid-column`, which makes this the riskiest spot for a row wrapper.
  */
-describe('묶음 머리 — 머리가 두 줄이다', () => {
+describe('grouped header spans two rows', () => {
     const columns = [
         { type: 'string', name: 'palletId', header: '파렛트 번호' },
         { type: 'string', name: 'width', header: { renderer: '폭', group: '치수' } },
@@ -237,55 +235,55 @@ describe('묶음 머리 — 머리가 두 줄이다', () => {
         await body.updateComplete;
         return { el, header, body };
     }
-    it('머리가 두 줄로 세어진다 — 본문은 3번째 줄부터', async () => {
+    it('counts two header rows so the body starts at row 3', async () => {
         const { el, header, body } = await grouped();
         expect(header.renderRoot.querySelectorAll('[role=row]').length).to.equal(2);
-        /* 머리 두 줄 + 1건 */
+        /* Two header rows plus one record. */
         expect(el.renderRoot.querySelector('[role=grid]').getAttribute('aria-rowcount')).to.equal('3');
         const rows = Array.from(body.renderRoot.querySelectorAll('[role=row]'));
         expect(rows[0].getAttribute('aria-rowindex')).to.equal('3');
     });
-    it('묶음 머리가 몇 열을 덮는지 말한다', async () => {
+    it('says how many columns a group covers', async () => {
         const { header } = await grouped();
         const cells = Array.from(header.renderRoot.querySelectorAll('[role=columnheader]'));
         const first = cells[0];
         const group = cells.find(cell => cell.getAttribute('aria-colspan'));
-        /* 묶이지 않은 열은 두 줄에 걸친다 */
+        /* An ungrouped column spans both header rows. */
         expect(first.getAttribute('aria-rowspan')).to.equal('2');
         expect(first.getAttribute('aria-colindex')).to.equal('1');
-        /* 치수 묶음은 2 · 3열을 덮는다 */
-        expect(group, '묶음 머리를 찾지 못했다').to.exist;
+        /* The group header covers columns 2 and 3. */
+        expect(group, 'found no group header').to.exist;
         expect(group.getAttribute('aria-colindex')).to.equal('2');
         expect(group.getAttribute('aria-colspan')).to.equal('2');
     });
-    it('두 줄짜리 머리의 배치가 그대로다 — 묶음이 아래 줄보다 위에 있다', async () => {
+    it('keeps two-row header placement — group sits above its leaf columns', async () => {
         const { header } = await grouped();
         const cells = Array.from(header.renderRoot.querySelectorAll('[role=columnheader]'));
         const group = cells.find(cell => cell.getAttribute('aria-colspan'));
         const leaf = cells.find(cell => !cell.getAttribute('aria-colspan') && cell !== cells[0]);
-        expect(leaf.offsetTop, '묶음 머리와 그 아래 열이 같은 높이에 있다').to.be.greaterThan(group.offsetTop);
-        expect(group.offsetWidth, '묶음 머리가 두 열을 덮지 않는다').to.be.greaterThan(leaf.offsetWidth);
+        expect(leaf.offsetTop, 'group header and its leaf column at the same height').to.be.greaterThan(group.offsetTop);
+        expect(group.offsetWidth, 'group header does not cover two columns').to.be.greaterThan(leaf.offsetWidth);
     });
 });
 /**
- * 표 감싸개가 바깥 배치를 건드리지 않나.
+ * The grid wrapper must not disturb the surrounding layout.
  *
- * `role=grid` 안에는 줄만 들어갈 수 있어서, 설정 단추 자리와 페이지 넘김은 감싸개 **밖**으로
- * 나왔다. 그러면서 두 가지가 이 구조에 매인다.
+ * `role=grid` admits only rows, so the settings-button slot and the pager moved outside the
+ * wrapper. Two things then depend on this structure:
  *
  * ```
- * 세로 배치   호스트는 flex column 이다. 감싸개가 상자를 만들면 머리와 몸이 그 안으로 들어가
- *            flex 항목이 하나가 되고, 몸의 flex: 1 이 듣지 않아 높이가 무너진다
- * 형제 선택자 「머리에 올렸을 때 설정 단추를 보인다」가 인접 형제 선택자다. 설정 단추가 감싸개
- *            바로 뒤에 있어야 그 규칙이 성립한다
+ * column layout      the host is a flex column. A wrapper that generates a box swallows header
+ *                    and body into one flex item, and the body's flex: 1 stops working
+ * sibling selector   "show the settings button on header hover" is an adjacent-sibling rule, so
+ *                    the button has to sit directly after the wrapper
  * ```
  */
-describe('표 감싸개는 배치에 끼어들지 않는다', () => {
+describe('grid wrapper stays out of the layout', () => {
     const columns = [
         { type: 'string', name: 'palletId', header: '파렛트 번호' },
         { type: 'string', name: 'location', header: '보관 위치' }
     ].map(buildColumn);
-    it('설정 단추는 표 바로 뒤에 있다 — 표 안이 아니라', async () => {
+    it('places the settings button after the grid, not inside it', async () => {
         const el = await fixture(html `
       <ox-grid
         .config=${{ ...ZERO_CONFIG, columns, rows: { ...ZERO_CONFIG.rows } }}
@@ -295,11 +293,11 @@ describe('표 감싸개는 배치에 끼어들지 않는다', () => {
         await el.updateComplete;
         const grid = el.renderRoot.querySelector('[role=grid]');
         const setting = el.renderRoot.querySelector('div[setting]');
-        expect(setting, '설정 단추 자리가 없다').to.exist;
-        expect(grid.contains(setting), '설정 단추가 표 안에 들어갔다 — 표 읽기가 깨진다').to.be.false;
-        expect(grid.nextElementSibling, '인접 형제 규칙이 성립하지 않는다').to.equal(setting);
+        expect(setting, 'no settings slot').to.exist;
+        expect(grid.contains(setting), 'settings button inside the grid breaks table reading').to.be.false;
+        expect(grid.nextElementSibling, 'adjacent-sibling rule no longer holds').to.equal(setting);
     });
-    it('머리와 몸이 그대로 호스트의 세로 배치를 쓴다', async () => {
+    it('leaves header and body as flex items of the host', async () => {
         const el = await fixture(html `
       <div style="height: 300px; display: flex">
         <ox-grid
@@ -315,9 +313,9 @@ describe('표 감싸개는 배치에 끼어들지 않는다', () => {
         const header = grid.renderRoot.querySelector('ox-grid-header');
         const body = grid.renderRoot.querySelector('ox-grid-body');
         expect(getComputedStyle(wrapper).display).to.equal('contents');
-        /* 몸이 남는 높이를 다 쓴다 — 감싸개가 상자를 만들면 이 값이 머리 높이만큼으로 줄어든다 */
-        expect(body.offsetHeight, '몸이 남는 높이를 쓰지 못한다').to.be.greaterThan(100);
-        expect(body.offsetTop, '몸이 머리 아래에 있지 않다').to.be.greaterThan(0);
+        /* The body takes the remaining height; a wrapper with a box shrinks it to header height. */
+        expect(body.offsetHeight, 'body does not take the remaining height').to.be.greaterThan(100);
+        expect(body.offsetTop, 'body is not below the header').to.be.greaterThan(0);
         expect(header.offsetTop).to.equal(0);
     });
 });

package/dist/test/accessible-name.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"accessible-name.test.js","sourceRoot":"","sources":["../../test/accessible-name.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing'\nimport { html } from 'lit'\n\nimport '../src/data-grid/data-grid.js'\nimport '../src/data-grid/data-grid-body.js'\nimport { buildColumn } from '../src/configure/column-builder.js'\nimport { columnText } from '../src/utils/column-text.js'\nimport { ZERO_CONFIG, ZERO_DATA } from '../src/configure/zero-config.js'\n\n/**\n * 입력칸의 이름.\n *\n * ## 왜 시험이 필요한가\n *\n * 이 grid 안에는 이름 없는 입력칸이 여럿 있었다 — 줄을 고르는 체크박스, 머리줄의 filter 상자,\n * 그리고 포커스를 담고 있는 IME buffer. 눈으로 보는 사람에게는 **자리**가 뜻을 말해 준다(맨 왼쪽\n * 좁은 칸이면 줄 선택, 머리줄 이름 바로 아래면 그 column 의 filter). 그런데 자리는 그림일 뿐이고\n * 관계가 아니라서, 화면을 못 보는 사람에게는 이름 없는 상자들만 남는다.\n *\n * ## 무엇을 지키려는가\n *\n * 이름의 출처가 하나여야 한다. `header` 를 고쳤을 때 읽히는 이름도 함께 바뀌어야 하고, 그러려면\n * 부르는 쪽이 이름을 다시 적어 두면 안 된다. `columnText()` 가 그 유일한 출처다.\n *\n * `buildColumn` 이 문자열 header 를 `() => header` 함수로 바꿔 버리는 자리가 있었는데, 그 함수가\n * 돌려주는 것은 lit template 이라 이름을 되꺼낼 수 없다 — 여기서 이름이 사라지고 있었다.\n */\n\ndescribe('column 이름의 출처는 하나다', () => {\n  it('문자열로 준 header 는 함수로 바뀌어도 글자가 남는다', () => {\n    const column = buildColumn({ type: 'string', name: 'palletId', header: '파렛트 번호' })\n\n    expect(columnText(column)).to.equal('파렛트 번호')\n  })\n\n  it('header.renderer 에 문자열을 준 경우도 같다', () => {\n    const column = buildColumn({ type: 'string', name: 'palletId', header: { renderer: '파렛트 번호' } })\n\n    expect(columnText(column)).to.equal('파렛트 번호')\n  })\n\n  it('label: true 는 header 의 이름을 물려받는다', () => {\n    const column = buildColumn({ type: 'string', name: 'palletId', header: '파렛트 번호', label: true })\n\n    expect(columnText(column)).to.equal('파렛트 번호')\n  })\n\n  it('header 를 함수로 그리면 이름을 되꺼낼 수 없다 — 그때는 column 이름으로 물러난다', () => {\n    const column = buildColumn({ type: 'string', name: 'palletId', header: { renderer: () => html`<i>x</i>` } })\n\n    expect(columnText(column)).to.equal('palletId')\n  })\n\n  it('column 이 없으면 이름을 지어내지 않는다', () => {\n    expect(columnText(undefined)).to.equal('')\n    expect(columnText(null)).to.equal('')\n  })\n})\n\ndescribe('줄을 고르는 칸에는 이름이 있다', () => {\n  const columns = [\n    { type: 'gutter', gutterName: 'row-selector', name: '__selected__', multiple: true },\n    { type: 'string', name: 'palletId', header: '파렛트 번호' }\n  ].map(buildColumn)\n\n  it('행마다 놓인 체크박스가 몇 번째 줄인지 말한다', async () => {\n    const body: any = await fixture(html`\n      <ox-grid-body\n        .config=${{ ...ZERO_CONFIG, columns }}\n        .columns=${columns}\n        .data=${{ ...ZERO_DATA, records: [{ palletId: 'P-0001' }, { palletId: 'P-0002' }] }}\n      ></ox-grid-body>\n    `)\n\n    await body.updateComplete\n\n    /* 체크박스는 각 칸(ox-grid-field)의 shadow root 안에 그려진다 — 한 겹 더 들어가야 보인다. */\n    const fields = Array.from(body.renderRoot.querySelectorAll('ox-grid-field')) as any[]\n\n    await Promise.all(fields.map(field => field.updateComplete))\n\n    const boxes = fields.flatMap(field =>\n      Array.from(field.renderRoot?.querySelectorAll('input[type=checkbox], input[type=radio]') || [])\n    ) as HTMLInputElement[]\n\n    expect(boxes.length, '줄을 고르는 칸을 찾지 못했다').to.be.greaterThan(0)\n    boxes.forEach(box =>\n      expect(box.getAttribute('aria-label'), '이름 없는 체크박스가 남아 있다').to.be.a('string').and.not.equal('')\n    )\n  })\n})\n\ndescribe('포커스를 담고 있는 IME buffer 가 지금 선 칸을 말한다', () => {\n  const columns = [\n    { type: 'string', name: 'palletId', header: '파렛트 번호' },\n    { type: 'string', name: 'location', header: '보관 위치' }\n  ].map(buildColumn)\n\n  async function bodyFocusedAt(column: number) {\n    const body: any = await fixture(html`\n      <ox-grid-body\n        .config=${{ ...ZERO_CONFIG, columns }}\n        .columns=${columns}\n        .data=${{ ...ZERO_DATA, records: [{ palletId: 'P-0001', location: 'A-01' }] }}\n        .focused=${{ row: 0, column }}\n      ></ox-grid-body>\n    `)\n\n    await body.updateComplete\n\n    return body.renderRoot.querySelector('#ime-buffer') as HTMLInputElement\n  }\n\n  it('첫 칸에 서 있으면 첫 칸의 이름을 읽는다', async () => {\n    expect((await bodyFocusedAt(0)).getAttribute('aria-label')).to.contain('파렛트 번호')\n  })\n\n  it('옆 칸으로 옮기면 읽히는 이름도 바뀐다 — 안 바뀌면 어디에 선 것인지 알 수 없다', async () => {\n    expect((await bodyFocusedAt(1)).getAttribute('aria-label')).to.contain('보관 위치')\n  })\n\n  it('보조기술에서 지우지 않는다 — 포커스를 받는 자리다', async () => {\n    expect((await bodyFocusedAt(0)).getAttribute('aria-hidden')).to.be.null\n  })\n})\n\n/**\n * 표를 표라고 선언했나.\n *\n * ## 왜 시험이 필요한가\n *\n * 이 표는 CSS grid 로 그린다 — 칸이 평평하게 놓여 있고 **줄이라는 요소가 없다.** 보기에는 줄이\n * 있지만 그것은 같은 높이에 놓였다는 그림일 뿐이다. 그래서 스크린 리더에게 이 화면은 「여기가\n * 표다」도, 「지금 3행 3열이다」도, 「전체는 40행이다」도 아닌 **입력칸 더미**였다.\n *\n * 줄 감싸개를 넣으면서 두 가지가 동시에 깨질 수 있다.\n *\n * ```\n * 뜻이 서나    role=grid / row / columnheader / gridcell 이 제대로 겹쳐 있나\n * 모양이 사나  display: contents 가 정말로 상자를 안 만드나 — 만들면 표가 한 줄로 무너진다\n * ```\n *\n * 두 번째가 특히 중요하다. `display: contents` 를 잘못 걸면 칸들이 grid 항목이 아니게 되어\n * 열이 사라진다. 그래서 **자리를 실제로 확인한다** — 한 줄 안의 칸은 왼쪽으로 갈수록 x 가 커지고,\n * 줄과 줄은 y 가 달라야 한다.\n */\ndescribe('표를 표라고 선언한다', () => {\n  /* ox-grid 는 이미 다듬어진 column 을 받는다 — 다듬는 것은 ox-grist 의 일이다. */\n  const columns = [\n    { type: 'gutter', gutterName: 'row-selector', name: '__selected__', multiple: true },\n    { type: 'string', name: 'palletId', header: '파렛트 번호', sortable: true },\n    { type: 'string', name: 'location', header: '보관 위치', sortable: true }\n  ].map(buildColumn)\n\n  async function grid(overrides: any = {}) {\n    const el: any = await fixture(html`\n      <ox-grid\n        aria-label=\"입고 대기 목록\"\n        .config=${{ ...ZERO_CONFIG, columns, rows: { ...ZERO_CONFIG.rows } }}\n        .data=${{\n          page: 1,\n          limit: 20,\n          total: 40,\n          records: [\n            { palletId: 'P-0001', location: 'A-01' },\n            { palletId: 'P-0002', location: 'A-02' }\n          ],\n          ...overrides\n        }}\n      ></ox-grid>\n    `)\n\n    await el.updateComplete\n\n    const header = el.renderRoot.querySelector('ox-grid-header')\n    const body = el.renderRoot.querySelector('ox-grid-body')\n\n    await header?.updateComplete\n    await body?.updateComplete\n\n    return { el, header, body }\n  }\n\n  it('표 · 줄 · 칸이 겹쳐 있다', async () => {\n    const { el, header, body } = await grid()\n\n    const grid_ = el.renderRoot.querySelector('[role=grid]')\n\n    expect(grid_, 'role=grid 가 없다').to.exist\n    expect(header.getAttribute('role')).to.equal('rowgroup')\n    expect(body.getAttribute('role')).to.equal('rowgroup')\n\n    expect(header.renderRoot.querySelectorAll('[role=row]').length).to.equal(1)\n    expect(body.renderRoot.querySelectorAll('[role=row]').length).to.equal(2)\n    expect(header.renderRoot.querySelectorAll('[role=columnheader]').length).to.equal(3)\n  })\n\n  it('전체가 몇 줄 몇 열인지 말한다 — 지금 페이지가 아니라', async () => {\n    const { el } = await grid()\n\n    const grid_ = el.renderRoot.querySelector('[role=grid]')\n\n    /* 머리 한 줄 + 전체 40건. 화면에 두 줄만 그려도 40건짜리 표다. */\n    expect(grid_.getAttribute('aria-rowcount')).to.equal('41')\n    expect(grid_.getAttribute('aria-colcount')).to.equal('3')\n    expect(grid_.getAttribute('aria-label')).to.equal('입고 대기 목록')\n  })\n\n  it('2페이지의 첫 줄은 21번째 줄이다 — 페이지마다 1번으로 돌아가지 않는다', async () => {\n    const { body } = await grid({ page: 2 })\n\n    const rows = Array.from(body.renderRoot.querySelectorAll('[role=row]')) as HTMLElement[]\n\n    /* 머리 한 줄(1) + 앞 페이지 20건 = 22번째부터 */\n    expect(rows[0].getAttribute('aria-rowindex')).to.equal('22')\n    expect(rows[1].getAttribute('aria-rowindex')).to.equal('23')\n  })\n\n  it('칸이 몇 번째 열인지 말한다 — 남는 폭을 메우는 칸은 세지 않는다', async () => {\n    const { body } = await grid()\n\n    const row = body.renderRoot.querySelector('[role=row]') as HTMLElement\n    const cells = Array.from(row.querySelectorAll('[role=gridcell]')) as HTMLElement[]\n\n    expect(cells.map(cell => cell.getAttribute('aria-colindex'))).to.deep.equal(['1', '2', '3'])\n    expect(row.querySelectorAll('[role=presentation]').length, '메우는 칸이 표의 칸으로 세어졌다').to.equal(1)\n  })\n\n  it('정렬 상태를 글자로도 말한다 — 화살표는 눈으로만 읽힌다', async () => {\n    const el: any = await fixture(html`\n      <ox-grid\n        .config=${{ ...ZERO_CONFIG, columns, rows: { ...ZERO_CONFIG.rows } }}\n        .sorters=${[{ name: 'palletId', desc: true }]}\n        .data=${{ records: [{ palletId: 'P-0001', location: 'A-01' }] }}\n      ></ox-grid>\n    `)\n\n    await el.updateComplete\n\n    const header = el.renderRoot.querySelector('ox-grid-header')\n    await header.updateComplete\n\n    const headers = Array.from(header.renderRoot.querySelectorAll('[role=columnheader]')) as HTMLElement[]\n    const sorts = headers.map(cell => cell.getAttribute('aria-sort'))\n\n    /* 거터는 정렬할 수 없다 — 있지도 않은 기능을 있다고 말하지 않는다. */\n    expect(sorts[0]).to.be.null\n    expect(sorts[1], '내림차순으로 정렬된 열').to.equal('descending')\n    expect(sorts[2], '정렬할 수 있으나 지금은 아닌 열').to.equal('none')\n  })\n\n  it('줄 감싸개가 배치를 건드리지 않는다 — 상자를 만들면 표가 무너진다', async () => {\n    const { body } = await grid()\n\n    const rows = Array.from(body.renderRoot.querySelectorAll('[role=row]')) as HTMLElement[]\n    const first = Array.from(rows[0].children) as HTMLElement[]\n\n    /* 감싸개 자신은 상자가 없다 */\n    expect(getComputedStyle(rows[0]).display).to.equal('contents')\n\n    /* 한 줄 안의 칸은 오른쪽으로 나아간다 — 한 자리에 겹쳐 있으면 열이 사라진 것이다 */\n    const lefts = first.map(cell => cell.offsetLeft)\n    expect(new Set(lefts).size, '칸들이 같은 x 에 겹쳐 있다').to.be.greaterThan(1)\n    lefts.slice(1).forEach((left, index) => expect(left).to.be.greaterThan(lefts[index]))\n\n    /* 줄과 줄은 아래로 내려간다 */\n    const firstTop = (rows[0].children[0] as HTMLElement).offsetTop\n    const secondTop = (rows[1].children[0] as HTMLElement).offsetTop\n    expect(secondTop, '두 줄이 같은 y 에 있다').to.be.greaterThan(firstTop)\n  })\n})\n\n/**\n * 묶음 머리가 있는 표.\n *\n * 머리가 두 줄이 되고, 묶이지 않은 열은 두 줄에 걸친다(`.span-both`). 배치가 CSS grid 의\n * `grid-row` / `grid-column` 으로 이루어지므로 **줄 감싸개가 가장 위험한 자리**다.\n */\ndescribe('묶음 머리 — 머리가 두 줄이다', () => {\n  const columns = [\n    { type: 'string', name: 'palletId', header: '파렛트 번호' },\n    { type: 'string', name: 'width', header: { renderer: '폭', group: '치수' } },\n    { type: 'string', name: 'height', header: { renderer: '높이', group: '치수' } }\n  ].map(buildColumn)\n\n  async function grouped() {\n    const el: any = await fixture(html`\n      <ox-grid\n        .config=${{ ...ZERO_CONFIG, columns, rows: { ...ZERO_CONFIG.rows } }}\n        .data=${{ total: 1, records: [{ palletId: 'P-0001', width: '1200', height: '900' }] }}\n      ></ox-grid>\n    `)\n\n    await el.updateComplete\n\n    const header = el.renderRoot.querySelector('ox-grid-header')\n    const body = el.renderRoot.querySelector('ox-grid-body')\n\n    await header.updateComplete\n    await body.updateComplete\n\n    return { el, header, body }\n  }\n\n  it('머리가 두 줄로 세어진다 — 본문은 3번째 줄부터', async () => {\n    const { el, header, body } = await grouped()\n\n    expect(header.renderRoot.querySelectorAll('[role=row]').length).to.equal(2)\n\n    /* 머리 두 줄 + 1건 */\n    expect(el.renderRoot.querySelector('[role=grid]').getAttribute('aria-rowcount')).to.equal('3')\n\n    const rows = Array.from(body.renderRoot.querySelectorAll('[role=row]')) as HTMLElement[]\n    expect(rows[0].getAttribute('aria-rowindex')).to.equal('3')\n  })\n\n  it('묶음 머리가 몇 열을 덮는지 말한다', async () => {\n    const { header } = await grouped()\n\n    const cells = Array.from(header.renderRoot.querySelectorAll('[role=columnheader]')) as HTMLElement[]\n    const first = cells[0]\n    const group = cells.find(cell => cell.getAttribute('aria-colspan'))\n\n    /* 묶이지 않은 열은 두 줄에 걸친다 */\n    expect(first.getAttribute('aria-rowspan')).to.equal('2')\n    expect(first.getAttribute('aria-colindex')).to.equal('1')\n\n    /* 치수 묶음은 2 · 3열을 덮는다 */\n    expect(group, '묶음 머리를 찾지 못했다').to.exist\n    expect(group!.getAttribute('aria-colindex')).to.equal('2')\n    expect(group!.getAttribute('aria-colspan')).to.equal('2')\n  })\n\n  it('두 줄짜리 머리의 배치가 그대로다 — 묶음이 아래 줄보다 위에 있다', async () => {\n    const { header } = await grouped()\n\n    const cells = Array.from(header.renderRoot.querySelectorAll('[role=columnheader]')) as HTMLElement[]\n    const group = cells.find(cell => cell.getAttribute('aria-colspan'))!\n    const leaf = cells.find(cell => !cell.getAttribute('aria-colspan') && cell !== cells[0])!\n\n    expect(leaf.offsetTop, '묶음 머리와 그 아래 열이 같은 높이에 있다').to.be.greaterThan(group.offsetTop)\n    expect(group.offsetWidth, '묶음 머리가 두 열을 덮지 않는다').to.be.greaterThan(leaf.offsetWidth)\n  })\n})\n\n/**\n * 표 감싸개가 바깥 배치를 건드리지 않나.\n *\n * `role=grid` 안에는 줄만 들어갈 수 있어서, 설정 단추 자리와 페이지 넘김은 감싸개 **밖**으로\n * 나왔다. 그러면서 두 가지가 이 구조에 매인다.\n *\n * ```\n * 세로 배치   호스트는 flex column 이다. 감싸개가 상자를 만들면 머리와 몸이 그 안으로 들어가\n *            flex 항목이 하나가 되고, 몸의 flex: 1 이 듣지 않아 높이가 무너진다\n * 형제 선택자 「머리에 올렸을 때 설정 단추를 보인다」가 인접 형제 선택자다. 설정 단추가 감싸개\n *            바로 뒤에 있어야 그 규칙이 성립한다\n * ```\n */\ndescribe('표 감싸개는 배치에 끼어들지 않는다', () => {\n  const columns = [\n    { type: 'string', name: 'palletId', header: '파렛트 번호' },\n    { type: 'string', name: 'location', header: '보관 위치' }\n  ].map(buildColumn)\n\n  it('설정 단추는 표 바로 뒤에 있다 — 표 안이 아니라', async () => {\n    const el: any = await fixture(html`\n      <ox-grid\n        .config=${{ ...ZERO_CONFIG, columns, rows: { ...ZERO_CONFIG.rows } }}\n        .data=${{ total: 1, records: [{ palletId: 'P-0001', location: 'A-01' }] }}\n      ></ox-grid>\n    `)\n\n    await el.updateComplete\n\n    const grid = el.renderRoot.querySelector('[role=grid]') as HTMLElement\n    const setting = el.renderRoot.querySelector('div[setting]') as HTMLElement\n\n    expect(setting, '설정 단추 자리가 없다').to.exist\n    expect(grid.contains(setting), '설정 단추가 표 안에 들어갔다 — 표 읽기가 깨진다').to.be.false\n    expect(grid.nextElementSibling, '인접 형제 규칙이 성립하지 않는다').to.equal(setting)\n  })\n\n  it('머리와 몸이 그대로 호스트의 세로 배치를 쓴다', async () => {\n    const el: any = await fixture(html`\n      <div style=\"height: 300px; display: flex\">\n        <ox-grid\n          style=\"flex: 1\"\n          .config=${{ ...ZERO_CONFIG, columns, rows: { ...ZERO_CONFIG.rows } }}\n          .data=${{ total: 1, records: [{ palletId: 'P-0001', location: 'A-01' }] }}\n        ></ox-grid>\n      </div>\n    `)\n\n    const grid = el.querySelector('ox-grid') as any\n    await grid.updateComplete\n\n    const wrapper = grid.renderRoot.querySelector('[role=grid]') as HTMLElement\n    const header = grid.renderRoot.querySelector('ox-grid-header') as HTMLElement\n    const body = grid.renderRoot.querySelector('ox-grid-body') as HTMLElement\n\n    expect(getComputedStyle(wrapper).display).to.equal('contents')\n\n    /* 몸이 남는 높이를 다 쓴다 — 감싸개가 상자를 만들면 이 값이 머리 높이만큼으로 줄어든다 */\n    expect(body.offsetHeight, '몸이 남는 높이를 쓰지 못한다').to.be.greaterThan(100)\n    expect(body.offsetTop, '몸이 머리 아래에 있지 않다').to.be.greaterThan(0)\n    expect(header.offsetTop).to.equal(0)\n  })\n})\n"]}
+{"version":3,"file":"accessible-name.test.js","sourceRoot":"","sources":["../../test/accessible-name.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { expect, fixture } from '@open-wc/testing'\nimport { html } from 'lit'\n\nimport '../src/data-grid/data-grid.js'\nimport '../src/data-grid/data-grid-body.js'\nimport { buildColumn } from '../src/configure/column-builder.js'\nimport { columnText } from '../src/utils/column-text.js'\nimport { ZERO_CONFIG, ZERO_DATA } from '../src/configure/zero-config.js'\n\n/**\n * Accessible names on the inputs inside the grid.\n *\n * ## Why this is tested\n *\n * Several inputs here had no name: the row-select checkboxes, the header filter boxes, and the IME\n * buffer that holds focus. Position carries the meaning for a sighted reader — a narrow leftmost\n * column means row select, a box under a header name filters that column — but position is a\n * picture, not a relationship, so nothing of it reaches a screen reader.\n *\n * ## What has to hold\n *\n * The name has one source. Editing `header` must change what is announced, which means callers\n * cannot spell the name out again. `columnText()` is that source.\n *\n * `buildColumn` turns a string header into `() => header`, and that function returns a lit template\n * the name cannot be read back out of. The name was disappearing right there.\n */\n\ndescribe('column name has one source', () => {\n  it('keeps the plain text after a string header becomes a function', () => {\n    const column = buildColumn({ type: 'string', name: 'palletId', header: '파렛트 번호' })\n\n    expect(columnText(column)).to.equal('파렛트 번호')\n  })\n\n  it('keeps it when the string arrives as header.renderer', () => {\n    const column = buildColumn({ type: 'string', name: 'palletId', header: { renderer: '파렛트 번호' } })\n\n    expect(columnText(column)).to.equal('파렛트 번호')\n  })\n\n  it('lets label: true inherit the header name', () => {\n    const column = buildColumn({ type: 'string', name: 'palletId', header: '파렛트 번호', label: true })\n\n    expect(columnText(column)).to.equal('파렛트 번호')\n  })\n\n  it('falls back to column.name when the header is drawn by a function', () => {\n    const column = buildColumn({ type: 'string', name: 'palletId', header: { renderer: () => html`<i>x</i>` } })\n\n    expect(columnText(column)).to.equal('palletId')\n  })\n\n  it('invents no name when there is no column', () => {\n    expect(columnText(undefined)).to.equal('')\n    expect(columnText(null)).to.equal('')\n  })\n})\n\ndescribe('row-select boxes are named', () => {\n  const columns = [\n    { type: 'gutter', gutterName: 'row-selector', name: '__selected__', multiple: true },\n    { type: 'string', name: 'palletId', header: '파렛트 번호' }\n  ].map(buildColumn)\n\n  it('says which row each checkbox selects', async () => {\n    const body: any = await fixture(html`\n      <ox-grid-body\n        .config=${{ ...ZERO_CONFIG, columns }}\n        .columns=${columns}\n        .data=${{ ...ZERO_DATA, records: [{ palletId: 'P-0001' }, { palletId: 'P-0002' }] }}\n      ></ox-grid-body>\n    `)\n\n    await body.updateComplete\n\n    /* The checkboxes live one shadow root deeper, inside each ox-grid-field. */\n    const fields = Array.from(body.renderRoot.querySelectorAll('ox-grid-field')) as any[]\n\n    await Promise.all(fields.map(field => field.updateComplete))\n\n    const boxes = fields.flatMap(field =>\n      Array.from(field.renderRoot?.querySelectorAll('input[type=checkbox], input[type=radio]') || [])\n    ) as HTMLInputElement[]\n\n    expect(boxes.length, 'found no row-select box').to.be.greaterThan(0)\n    boxes.forEach(box =>\n      expect(box.getAttribute('aria-label'), 'an unnamed checkbox is left').to.be.a('string').and.not.equal('')\n    )\n  })\n})\n\ndescribe('IME buffer names the cell it stands in for', () => {\n  const columns = [\n    { type: 'string', name: 'palletId', header: '파렛트 번호' },\n    { type: 'string', name: 'location', header: '보관 위치' }\n  ].map(buildColumn)\n\n  async function bodyFocusedAt(column: number) {\n    const body: any = await fixture(html`\n      <ox-grid-body\n        .config=${{ ...ZERO_CONFIG, columns }}\n        .columns=${columns}\n        .data=${{ ...ZERO_DATA, records: [{ palletId: 'P-0001', location: 'A-01' }] }}\n        .focused=${{ row: 0, column }}\n      ></ox-grid-body>\n    `)\n\n    await body.updateComplete\n\n    return body.renderRoot.querySelector('#ime-buffer') as HTMLInputElement\n  }\n\n  it('reads the first column while focus sits there', async () => {\n    expect((await bodyFocusedAt(0)).getAttribute('aria-label')).to.contain('파렛트 번호')\n  })\n\n  it('changes what it reads when focus moves a column over', async () => {\n    expect((await bodyFocusedAt(1)).getAttribute('aria-label')).to.contain('보관 위치')\n  })\n\n  it('stays visible to assistive tech — it is where focus lands', async () => {\n    expect((await bodyFocusedAt(0)).getAttribute('aria-hidden')).to.be.null\n  })\n})\n\n/**\n * Table semantics.\n *\n * ## Why this is tested\n *\n * The grid is drawn with CSS grid: cells sit flat and there is no row element. Rows are a picture\n * made of equal offsetTop, so a screen reader saw a pile of inputs rather than a table — no \"this\n * is a table\", no \"row 3 column 3\", no \"40 rows in all\".\n *\n * Adding row wrappers can break two things at once:\n *\n * ```\n * semantics   grid / row / columnheader / gridcell have to nest correctly\n * layout      display: contents must generate no box; if it does, the columns collapse\n * ```\n *\n * The second one is why geometry is asserted: cells in a row must step right, and rows must step\n * down.\n */\ndescribe('grid declares itself a grid', () => {\n  /* ox-grid takes already-compiled columns; compiling them is ox-grist's job. */\n  const columns = [\n    { type: 'gutter', gutterName: 'row-selector', name: '__selected__', multiple: true },\n    { type: 'string', name: 'palletId', header: '파렛트 번호', sortable: true },\n    { type: 'string', name: 'location', header: '보관 위치', sortable: true }\n  ].map(buildColumn)\n\n  async function grid(overrides: any = {}) {\n    const el: any = await fixture(html`\n      <ox-grid\n        aria-label=\"입고 대기 목록\"\n        .config=${{ ...ZERO_CONFIG, columns, rows: { ...ZERO_CONFIG.rows } }}\n        .data=${{\n          page: 1,\n          limit: 20,\n          total: 40,\n          records: [\n            { palletId: 'P-0001', location: 'A-01' },\n            { palletId: 'P-0002', location: 'A-02' }\n          ],\n          ...overrides\n        }}\n      ></ox-grid>\n    `)\n\n    await el.updateComplete\n\n    const header = el.renderRoot.querySelector('ox-grid-header')\n    const body = el.renderRoot.querySelector('ox-grid-body')\n\n    await header?.updateComplete\n    await body?.updateComplete\n\n    return { el, header, body }\n  }\n\n  it('nests grid, row and cell', async () => {\n    const { el, header, body } = await grid()\n\n    const grid_ = el.renderRoot.querySelector('[role=grid]')\n\n    expect(grid_, 'no role=grid').to.exist\n    expect(header.getAttribute('role')).to.equal('rowgroup')\n    expect(body.getAttribute('role')).to.equal('rowgroup')\n\n    expect(header.renderRoot.querySelectorAll('[role=row]').length).to.equal(1)\n    expect(body.renderRoot.querySelectorAll('[role=row]').length).to.equal(2)\n    expect(header.renderRoot.querySelectorAll('[role=columnheader]').length).to.equal(3)\n  })\n\n  it('counts the whole table, not the page on screen', async () => {\n    const { el } = await grid()\n\n    const grid_ = el.renderRoot.querySelector('[role=grid]')\n\n    /* One header row plus 40 records. Two rows drawn is still a 40-row table. */\n    expect(grid_.getAttribute('aria-rowcount')).to.equal('41')\n    expect(grid_.getAttribute('aria-colcount')).to.equal('3')\n    expect(grid_.getAttribute('aria-label')).to.equal('입고 대기 목록')\n  })\n\n  it('numbers page 2 from row 22, not back at 1', async () => {\n    const { body } = await grid({ page: 2 })\n\n    const rows = Array.from(body.renderRoot.querySelectorAll('[role=row]')) as HTMLElement[]\n\n    /* One header row plus 20 records on page 1. */\n    expect(rows[0].getAttribute('aria-rowindex')).to.equal('22')\n    expect(rows[1].getAttribute('aria-rowindex')).to.equal('23')\n  })\n\n  it('numbers columns and leaves the width filler uncounted', async () => {\n    const { body } = await grid()\n\n    const row = body.renderRoot.querySelector('[role=row]') as HTMLElement\n    const cells = Array.from(row.querySelectorAll('[role=gridcell]')) as HTMLElement[]\n\n    expect(cells.map(cell => cell.getAttribute('aria-colindex'))).to.deep.equal(['1', '2', '3'])\n    expect(row.querySelectorAll('[role=presentation]').length, 'the filler was counted as a cell').to.equal(1)\n  })\n\n  it('states sort direction in text, not only as an arrow', async () => {\n    const el: any = await fixture(html`\n      <ox-grid\n        .config=${{ ...ZERO_CONFIG, columns, rows: { ...ZERO_CONFIG.rows } }}\n        .sorters=${[{ name: 'palletId', desc: true }]}\n        .data=${{ records: [{ palletId: 'P-0001', location: 'A-01' }] }}\n      ></ox-grid>\n    `)\n\n    await el.updateComplete\n\n    const header = el.renderRoot.querySelector('ox-grid-header')\n    await header.updateComplete\n\n    const headers = Array.from(header.renderRoot.querySelectorAll('[role=columnheader]')) as HTMLElement[]\n    const sorts = headers.map(cell => cell.getAttribute('aria-sort'))\n\n    /* A gutter cannot be sorted; claiming otherwise announces a control that is not there. */\n    expect(sorts[0]).to.be.null\n    expect(sorts[1], 'sorted descending').to.equal('descending')\n    expect(sorts[2], 'sortable but not currently sorted').to.equal('none')\n  })\n\n  it('keeps the layout — a row wrapper that generates a box collapses the grid', async () => {\n    const { body } = await grid()\n\n    const rows = Array.from(body.renderRoot.querySelectorAll('[role=row]')) as HTMLElement[]\n    const first = Array.from(rows[0].children) as HTMLElement[]\n\n    expect(getComputedStyle(rows[0]).display).to.equal('contents')\n\n    /* Cells step right; stacked at one x means the columns are gone. */\n    const lefts = first.map(cell => cell.offsetLeft)\n    expect(new Set(lefts).size, 'cells stacked at the same x').to.be.greaterThan(1)\n    lefts.slice(1).forEach((left, index) => expect(left).to.be.greaterThan(lefts[index]))\n\n    /* Rows step down. */\n    const firstTop = (rows[0].children[0] as HTMLElement).offsetTop\n    const secondTop = (rows[1].children[0] as HTMLElement).offsetTop\n    expect(secondTop, 'two rows at the same y').to.be.greaterThan(firstTop)\n  })\n})\n\n/**\n * Grouped headers.\n *\n * The header becomes two rows and ungrouped columns span both (`.span-both`). Placement runs\n * through CSS `grid-row` / `grid-column`, which makes this the riskiest spot for a row wrapper.\n */\ndescribe('grouped header spans two rows', () => {\n  const columns = [\n    { type: 'string', name: 'palletId', header: '파렛트 번호' },\n    { type: 'string', name: 'width', header: { renderer: '폭', group: '치수' } },\n    { type: 'string', name: 'height', header: { renderer: '높이', group: '치수' } }\n  ].map(buildColumn)\n\n  async function grouped() {\n    const el: any = await fixture(html`\n      <ox-grid\n        .config=${{ ...ZERO_CONFIG, columns, rows: { ...ZERO_CONFIG.rows } }}\n        .data=${{ total: 1, records: [{ palletId: 'P-0001', width: '1200', height: '900' }] }}\n      ></ox-grid>\n    `)\n\n    await el.updateComplete\n\n    const header = el.renderRoot.querySelector('ox-grid-header')\n    const body = el.renderRoot.querySelector('ox-grid-body')\n\n    await header.updateComplete\n    await body.updateComplete\n\n    return { el, header, body }\n  }\n\n  it('counts two header rows so the body starts at row 3', async () => {\n    const { el, header, body } = await grouped()\n\n    expect(header.renderRoot.querySelectorAll('[role=row]').length).to.equal(2)\n\n    /* Two header rows plus one record. */\n    expect(el.renderRoot.querySelector('[role=grid]').getAttribute('aria-rowcount')).to.equal('3')\n\n    const rows = Array.from(body.renderRoot.querySelectorAll('[role=row]')) as HTMLElement[]\n    expect(rows[0].getAttribute('aria-rowindex')).to.equal('3')\n  })\n\n  it('says how many columns a group covers', async () => {\n    const { header } = await grouped()\n\n    const cells = Array.from(header.renderRoot.querySelectorAll('[role=columnheader]')) as HTMLElement[]\n    const first = cells[0]\n    const group = cells.find(cell => cell.getAttribute('aria-colspan'))\n\n    /* An ungrouped column spans both header rows. */\n    expect(first.getAttribute('aria-rowspan')).to.equal('2')\n    expect(first.getAttribute('aria-colindex')).to.equal('1')\n\n    /* The group header covers columns 2 and 3. */\n    expect(group, 'found no group header').to.exist\n    expect(group!.getAttribute('aria-colindex')).to.equal('2')\n    expect(group!.getAttribute('aria-colspan')).to.equal('2')\n  })\n\n  it('keeps two-row header placement — group sits above its leaf columns', async () => {\n    const { header } = await grouped()\n\n    const cells = Array.from(header.renderRoot.querySelectorAll('[role=columnheader]')) as HTMLElement[]\n    const group = cells.find(cell => cell.getAttribute('aria-colspan'))!\n    const leaf = cells.find(cell => !cell.getAttribute('aria-colspan') && cell !== cells[0])!\n\n    expect(leaf.offsetTop, 'group header and its leaf column at the same height').to.be.greaterThan(group.offsetTop)\n    expect(group.offsetWidth, 'group header does not cover two columns').to.be.greaterThan(leaf.offsetWidth)\n  })\n})\n\n/**\n * The grid wrapper must not disturb the surrounding layout.\n *\n * `role=grid` admits only rows, so the settings-button slot and the pager moved outside the\n * wrapper. Two things then depend on this structure:\n *\n * ```\n * column layout      the host is a flex column. A wrapper that generates a box swallows header\n *                    and body into one flex item, and the body's flex: 1 stops working\n * sibling selector   \"show the settings button on header hover\" is an adjacent-sibling rule, so\n *                    the button has to sit directly after the wrapper\n * ```\n */\ndescribe('grid wrapper stays out of the layout', () => {\n  const columns = [\n    { type: 'string', name: 'palletId', header: '파렛트 번호' },\n    { type: 'string', name: 'location', header: '보관 위치' }\n  ].map(buildColumn)\n\n  it('places the settings button after the grid, not inside it', async () => {\n    const el: any = await fixture(html`\n      <ox-grid\n        .config=${{ ...ZERO_CONFIG, columns, rows: { ...ZERO_CONFIG.rows } }}\n        .data=${{ total: 1, records: [{ palletId: 'P-0001', location: 'A-01' }] }}\n      ></ox-grid>\n    `)\n\n    await el.updateComplete\n\n    const grid = el.renderRoot.querySelector('[role=grid]') as HTMLElement\n    const setting = el.renderRoot.querySelector('div[setting]') as HTMLElement\n\n    expect(setting, 'no settings slot').to.exist\n    expect(grid.contains(setting), 'settings button inside the grid breaks table reading').to.be.false\n    expect(grid.nextElementSibling, 'adjacent-sibling rule no longer holds').to.equal(setting)\n  })\n\n  it('leaves header and body as flex items of the host', async () => {\n    const el: any = await fixture(html`\n      <div style=\"height: 300px; display: flex\">\n        <ox-grid\n          style=\"flex: 1\"\n          .config=${{ ...ZERO_CONFIG, columns, rows: { ...ZERO_CONFIG.rows } }}\n          .data=${{ total: 1, records: [{ palletId: 'P-0001', location: 'A-01' }] }}\n        ></ox-grid>\n      </div>\n    `)\n\n    const grid = el.querySelector('ox-grid') as any\n    await grid.updateComplete\n\n    const wrapper = grid.renderRoot.querySelector('[role=grid]') as HTMLElement\n    const header = grid.renderRoot.querySelector('ox-grid-header') as HTMLElement\n    const body = grid.renderRoot.querySelector('ox-grid-body') as HTMLElement\n\n    expect(getComputedStyle(wrapper).display).to.equal('contents')\n\n    /* The body takes the remaining height; a wrapper with a box shrinks it to header height. */\n    expect(body.offsetHeight, 'body does not take the remaining height').to.be.greaterThan(100)\n    expect(body.offsetTop, 'body is not below the header').to.be.greaterThan(0)\n    expect(header.offsetTop).to.equal(0)\n  })\n})\n"]}