@operato/layout 10.29.67 → 10.29.69

package/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/layout",
   "description": "Webcomponent layout following open-wc recommendations",
   "author": "heartyoh",
-  "version": "10.29.67",
+  "version": "10.29.69",
   "type": "module",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
@@ -67,12 +67,13 @@
   },
   "dependencies": {
     "@material/web": "^2.0.0",
+    "@operato/graphql": "^10.29.69",
     "@operato/i18n": "^10.29.27",
-    "@operato/input": "^10.29.67",
-    "@operato/popup": "^10.29.61",
-    "@operato/shell": "^10.29.61",
-    "@operato/styles": "^10.29.61",
-    "@operato/utils": "^10.29.61",
+    "@operato/input": "^10.29.69",
+    "@operato/popup": "^10.29.69",
+    "@operato/shell": "^10.29.69",
+    "@operato/styles": "^10.29.69",
+    "@operato/utils": "^10.29.69",
     "lit": "^3.1.2"
   },
   "devDependencies": {
@@ -107,5 +108,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "cd6c3fd780bbfd658cdf48086fa4bfcf7f745883"
+  "gitHead": "b2054a02e73f7ee2bc3834c89ac61b5ef4d533bf"
 }

package/test/entity360-answer.test.ts

@@ -0,0 +1,25 @@
+import { expect } from '@open-wc/testing'
+
+import { entity360Answer } from '../src/actions/entity360-door.js'
+
+/** A section that declared its query (ADR-0190) comes to rest in one of the four states, as a door's answer does. */
+describe('entity360Answer', () => {
+  const pick = (data: any) => data?.invoice
+
+  it('is undefined while the query first reads, and keeps what it holds while it reads again', () => {
+    expect(entity360Answer({ loading: true }, pick)).to.equal(undefined)
+    expect(entity360Answer({ loading: false }, pick)).to.equal(undefined)
+    expect(entity360Answer({ loading: true, data: { invoice: { id: 'a' } } }, pick)).to.deep.equal({ state: 'ready', data: { id: 'a' } })
+  })
+
+  it('is ready, or none when the door holds nothing', () => {
+    expect(entity360Answer({ loading: false, data: { invoice: { id: 'a' } } }, pick)).to.deep.equal({ state: 'ready', data: { id: 'a' } })
+    expect(entity360Answer({ loading: false, data: { invoice: null } }, pick)).to.deep.equal({ state: 'none', data: null })
+  })
+
+  it('keeps a refusal forbidden, and a request that threw failed with its message', () => {
+    const refused = { graphQLErrors: [{ message: 'no', extensions: { code: 'FORBIDDEN' } }] }
+    expect(entity360Answer({ loading: false, error: refused }, pick)).to.deep.equal({ state: 'forbidden' })
+    expect(entity360Answer({ loading: false, error: new TypeError('Failed to fetch') }, pick)).to.deep.equal({ state: 'failed', message: 'Failed to fetch' })
+  })
+})

package/test/entity360-kind.test.ts

@@ -11,10 +11,10 @@ import {
   registerEntity360Kind,
   registerEntity360Section,
   setEntity360Value,
-  ENTITY360_UNKEPT,
   type Entity360Subject,
   type OxEntity360Dock
 } from '../src/index.js'
+import { DRAFT_UNKEPT } from '@operato/shell'
 
 /**
  * A 360 opened by kind and id, the dock's own back trail, and the assistant subject it stands in for.
@@ -251,7 +251,7 @@ describe('entity 360 by kind', () => {
       openEntity360Kind('kx-lot', { id: 'L-3', name: 'L-3' })
       await settle()
       const input = section().querySelector('input')!
-      input.dispatchEvent(new CustomEvent(ENTITY360_UNKEPT, { bubbles: true, composed: true, detail: { unkept: true } }))
+      input.dispatchEvent(new CustomEvent(DRAFT_UNKEPT, { bubbles: true, composed: true, detail: { unkept: true } }))
 
       openEntity360Kind('kx-lot', { id: 'L-4', name: 'L-4' })
       await settle()

package/test/entity360-section.test.ts

@@ -1,7 +1,7 @@
 import { expect, fixture } from '@open-wc/testing'
 import { html } from 'lit'
 import '../src/index.js'
-import { askEntity360Door, Entity360Reads, readEntity360Door, type OxEntity360Section } from '../src/index.js'
+import { askEntity360Door, readEntity360Door, type OxEntity360Section } from '../src/index.js'
 
 /**
  * A 360 section says what its door answered (ADR-0067): something, nothing, may-not-see, or failed.
@@ -21,24 +21,6 @@ describe('entity 360 door', () => {
     expect((await askEntity360Door(Promise.reject(thrown), d => d?.items)).state).to.equal('forbidden')
   })
 
-  it('★ only the newest read answers - a second read of the same id drops the first', async () => {
-    const reads = new Entity360Reads()
-    let release!: (value: any) => void
-    const first = reads.ask(() => new Promise(resolve => (release = resolve)), d => d.items)
-    const second = reads.ask(() => Promise.resolve({ data: { items: [2] } }), d => d.items)
-    release({ data: { items: [1] } })
-    expect(await first).to.equal(undefined)
-    expect((await second)?.data).to.deep.equal([2])
-  })
-
-  it('a read that throws synchronously still ends failed; forget drops one on its way', async () => {
-    const reads = new Entity360Reads()
-    expect((await reads.ask(() => { throw new Error('no client') }, d => d))?.state).to.equal('failed')
-    const pending = reads.ask(() => Promise.resolve({ data: { items: [1] } }), d => d.items)
-    reads.forget()
-    expect(await pending).to.equal(undefined)
-  })
-
   it('a request that answers is read as readEntity360Door reads it', async () => {
     expect((await askEntity360Door(Promise.resolve({ data: { items: [] } }), d => d.items)).state).to.equal('none')
     expect((await askEntity360Door(Promise.resolve({ data: { items: [1] } }), d => d.items)).data).to.deep.equal([1])

package/test/entity360.test.ts

@@ -1,7 +1,8 @@
 import { expect, fixture, elementUpdated } from '@open-wc/testing'
 import { html } from 'lit'
 import '../src/index.js'
-import { showEntity360, hideEntity360, isEntity360Unkept, navigateEntity360, canGoBackEntity360, ENTITY360_UNKEPT, type OxEntity360Dock, type Entity360View } from '../src/index.js'
+import { showEntity360, hideEntity360, isEntity360Unkept, navigateEntity360, canGoBackEntity360, type OxEntity360Dock, type Entity360View } from '../src/index.js'
+import { DRAFT_UNKEPT } from '@operato/shell'
 
 const owner = {}
 const labels = { close: 'Close', expand: 'Expand', collapse: 'Collapse', resize: 'Resize', back: 'Back' }
@@ -67,7 +68,7 @@ describe('shared nonmodal entity 360 dock', () => {
     await settle()
     const content = dock().shadowRoot!.querySelector('ox-entity360-content') as HTMLElement
     const input = content.shadowRoot!.querySelector('input')!
-    const tell = (unkept: boolean) => input.dispatchEvent(new CustomEvent(ENTITY360_UNKEPT, { bubbles: true, composed: true, detail: { unkept } }))
+    const tell = (unkept: boolean) => input.dispatchEvent(new CustomEvent(DRAFT_UNKEPT, { bubbles: true, composed: true, detail: { unkept } }))
     expect(isEntity360Unkept(owner)).to.equal(false)
     tell(true)
     expect(isEntity360Unkept(owner)).to.equal(true)