@operato/app 10.24.0 → 10.26.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/app",
   "description": "WebApplication production supporting components following open-wc recommendations",
   "author": "heartyoh",
-  "version": "10.24.0",
+  "version": "10.26.0",
   "type": "module",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
@@ -148,16 +148,16 @@
     "@graphql-tools/delegate": "^10.0.1",
     "@graphql-tools/wrap": "^10.0.0",
     "@material/web": "^2.0.0",
-    "@operato/attachment": "^10.24.0",
+    "@operato/attachment": "^10.26.0",
     "@operato/data-grist": "^10.23.0",
-    "@operato/font": "^10.24.0",
+    "@operato/font": "^10.26.0",
     "@operato/form": "^10.24.0",
     "@operato/graphql": "^10.22.0",
     "@operato/i18n": "^10.16.2",
     "@operato/input": "^10.23.0",
-    "@operato/layout": "^10.24.0",
-    "@operato/property-editor": "^10.24.0",
-    "@operato/property-panel": "^10.24.0",
+    "@operato/layout": "^10.26.0",
+    "@operato/property-editor": "^10.26.0",
+    "@operato/property-panel": "^10.26.0",
     "@operato/shell": "^10.23.0",
     "@operato/styles": "^10.23.0",
     "@operato/utils": "^10.22.0",
@@ -201,5 +201,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "c3cb8b0e25f05aba9836418b05bc0e24c8095797"
+  "gitHead": "32a85efa51835f023e631d7f5c41665f33cc9527"
 }

package/test/resource-object-renderer-360.test.ts

@@ -0,0 +1,75 @@
+import { expect } from '@open-wc/testing'
+import { html } from 'lit-html'
+
+import { registerEntity360Kind } from '@operato/layout'
+import { OxGristRendererResourceObject } from '../src/grist-editor/ox-grist-renderer-resource-object.js'
+
+/**
+ * The resource-object cell links a value to its 360 only when its kind is registered - and otherwise
+ * returns exactly what it always did (architect ruling on the person 360: dssp and fmsim render
+ * through this cell, and their screens must not change by a byte).
+ *
+ * `original` is the renderer as it stood before, kept verbatim here as the reference.
+ */
+function original(value: any, column: any) {
+  if (!value) {
+    return ''
+  }
+
+  var { nameField = 'name', descriptionField = 'description' } = column.record.options || {}
+  var name, description
+
+  if (typeof nameField === 'function') {
+    name = nameField(value)
+  } else {
+    name = value[nameField]
+  }
+
+  if (typeof descriptionField === 'function') {
+    description = descriptionField(value)
+  } else {
+    description = value[descriptionField] && `(${value[descriptionField]})`
+  }
+
+  return html`<span>${name || ''}${description || ''}</span> `
+}
+
+const column = (options?: any) => ({ record: { options } }) as any
+const render = (value: any, col = column()) => (OxGristRendererResourceObject as any)(value, col, {}, 0, {})
+
+/** A template's identity: the same static strings and the same values. */
+const same = (a: any, b: any) => {
+  if (typeof a === 'string' || typeof b === 'string') return a === b
+  return a.strings === b.strings || (a.strings.join('\u0000') === b.strings.join('\u0000') && JSON.stringify(a.values) === JSON.stringify(b.values))
+}
+
+describe('resource-object cell and the entity 360', () => {
+  before(() => {
+    registerEntity360Kind({ kind: 'cell-test-person', typenames: ['CellTestUser'], title: s => s.value.name })
+  })
+
+  const unchanged = [
+    ['an unregistered type', { __typename: 'SomethingElse', id: '1', name: 'Kim', description: 'QA' }],
+    ['a value without __typename', { id: '1', name: 'Kim', description: 'QA' }],
+    ['a value with a name only', { __typename: 'Nobody', id: '2', name: 'Lee' }],
+    ['no value at all', null]
+  ] as const
+
+  for (const [what, value] of unchanged) {
+    it(`★ ${what} renders exactly as before`, () => {
+      expect(same(render(value), original(value, column()))).to.equal(true)
+    })
+  }
+
+  it('★ and with custom name and description fields, still exactly as before', () => {
+    const col = column({ nameField: 'title', descriptionField: (v: any) => `[${v.code}]` })
+    const value = { __typename: 'Other', title: 'T', code: 'C' }
+    expect(same(render(value, col), original(value, col))).to.equal(true)
+  })
+
+  it('★ a registered type renders the name as a link to its 360', () => {
+    const result = render({ __typename: 'CellTestUser', id: '9', name: 'Park' })
+    expect(result.strings.join('')).to.contain('data-entity360')
+    expect(result.values).to.include('Park')
+  })
+})