@operato/board 10.29.9 → 10.29.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@operato/board",
-  "version": "10.29.9",
+  "version": "10.29.10",
   "description": "Webcomponent for board following open-wc recommendations",
   "author": "heartyoh",
   "type": "module",
@@ -180,5 +180,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "24e4809ab0168eef48792291f72b11f75d8179ad"
+  "gitHead": "d9e090a2bbdaa75eff2e8864f1557fbfbc814733"
 }

package/test/component-menu.test.ts

@@ -0,0 +1,69 @@
+import { expect, fixture, html } from '@open-wc/testing'
+
+import { ComponentMenu } from '../src/modeller/component-toolbar/component-menu.js'
+
+/**
+ * A tray template that cannot be placed here (ADR-0114 P7): shown dimmed with its mark, its reason on hover, and
+ * nothing happens when it is picked -- no add mode, no image drag.
+ */
+customElements.get('test-component-menu') || customElements.define('test-component-menu', class extends ComponentMenu {})
+
+const group = {
+  name: 'figure',
+  templates: [
+    { type: 'hatiolab.com/ok', description: 'OK figure', icon: '', group: 'figure', model: { type: 'hatiolab.com/ok' } },
+    {
+      type: 'hatiolab.com/future',
+      description: 'Future figure',
+      icon: '',
+      group: 'figure',
+      model: { type: 'hatiolab.com/future' },
+      unavailableReason: 'this server cannot read figure-asset-9',
+      unavailableLabel: 'format unsupported'
+    }
+  ]
+}
+
+async function menuWith(added: unknown[]) {
+  const scene = { rootContainer: { trigger: () => {} }, startAddMode: (model: unknown) => added.push(model) }
+  const menu = (await fixture(html`<test-component-menu .groups=${[group]} .scene=${scene as never}></test-component-menu>`)) as ComponentMenu
+  menu.group = 'figure'
+  await menu.updateComplete
+  return menu
+}
+
+const itemOf = (menu: ComponentMenu, type: string) => menu.renderRoot.querySelector(`[data-type="${type}"]`) as HTMLElement
+
+describe('트레이 — 놓을 수 없는 템플릿', () => {
+  it('흐리게 · 표 · 사유를 가진다, 아이콘은 끌리지 않는다', async () => {
+    const menu = await menuWith([])
+    const item = itemOf(menu, 'hatiolab.com/future')
+    expect(item.hasAttribute('unavailable')).to.equal(true)
+    expect(item.getAttribute('aria-disabled')).to.equal('true')
+    expect(item.getAttribute('title')).to.equal('this server cannot read figure-asset-9')
+    expect(item.querySelector('[mark]')!.textContent).to.equal('format unsupported')
+    expect(item.querySelector('[reason]')!.textContent).to.equal('this server cannot read figure-asset-9')
+    expect(item.querySelector('img')!.getAttribute('draggable')).to.equal('false')
+    expect(getComputedStyle(item).opacity).to.equal('0.5')
+  })
+
+  it('★ 고르면 아무 일도 없다 — 놓을 수 있는 것은 추가 모드에 들어간다', async () => {
+    const added: unknown[] = []
+    const menu = await menuWith(added)
+
+    itemOf(menu, 'hatiolab.com/future').click()
+    expect(added).to.deep.equal([])
+
+    menu.group = 'figure'
+    await menu.updateComplete
+    itemOf(menu, 'hatiolab.com/ok').click()
+    expect(added).to.deep.equal([{ type: 'hatiolab.com/ok' }])
+  })
+
+  it('놓을 수 있는 템플릿에는 표 · 사유가 없다', async () => {
+    const menu = await menuWith([])
+    const item = itemOf(menu, 'hatiolab.com/ok')
+    expect(item.hasAttribute('unavailable')).to.equal(false)
+    expect(item.querySelector('[mark]')).to.equal(null)
+  })
+})

package/test/figure-provider.test.ts

@@ -40,11 +40,17 @@ const figureAssetOf = (type: string) => ({
         { id: 'a0', unit: 'deg', value: 0 }
       ],
       nodes: [
-        { id: 'body.shape', op: 'box-shape@1', args: ['w', 'w', 'w'], outputs: { shape: 'body.s' }, params: { frame: 'body.local' } },
+        {
+          id: 'body.shape',
+          op: 'extrude@1',
+          args: ['zero', 'w', 'w', 'w'],
+          outputs: { shape: 'body.s' },
+          params: { frame: 'body.local', axis: 'y', section: 'rectangle' }
+        },
         {
           id: 'body.pose',
           op: 'rigid@1',
-          args: ['zero', 'half', 'zero', 'a0', 'a0', 'a0'],
+          args: ['zero', 'zero', 'zero', 'a0', 'a0', 'a0'],
           outputs: { pose: 'body.p' },
           params: { from: 'body.local', to: 'asset' }
         },