@operato/shell 10.29.44 → 10.29.45

package/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/shell",
   "description": "WebApplication architecturing shell following open-wc recommendations",
   "author": "heartyoh",
-  "version": "10.29.44",
+  "version": "10.29.45",
   "type": "module",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
@@ -103,5 +103,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "112d3ac6ada895fc45c2010c2555d5fd88a0f8a5"
+  "gitHead": "665fe43472777812af4e7f6be3c64c33940b04ea"
 }

package/test/route-claims.test.ts

@@ -0,0 +1,46 @@
+import { expect, fixture } from '@open-wc/testing'
+import { html } from 'lit'
+import { addressController } from '@operato/utils/address.js'
+
+import { PageView } from '../src/app/pages/page-view.js'
+
+/*
+ * A page's route arguments are compared under the claims of today. A page opened by an address with `filters`
+ * stores them among its arguments, because its grid claims `filters` only after it is drawn; on the next route
+ * dispatch they are no longer an argument. That is no change of the page's arguments - a screen that reads its list
+ * again on one (the Office ledgers) dropped the edits it held when the user came back from another screen.
+ */
+
+class Counting extends PageView {
+  changed: any[] = []
+  async pageUpdated(changes: any) {
+    if (changes.params) this.changed.push(changes.params)
+  }
+}
+customElements.define('route-claims-page', Counting)
+
+describe('route arguments and the regions claimed after a page opened', () => {
+  it('a key claimed by a list after the page opened is no argument change', async () => {
+    const path = `/route-claims-${Math.random().toString(36).slice(2)}`
+    history.replaceState({}, '', `${path}?filters=[1]&contract=one`)
+    const page = await fixture<Counting>(html`<route-claims-page></route-claims-page>`)
+    page.lifecycle = { active: true, params: { filters: '[1]', contract: 'one' } }
+    page.active = true
+    await page.updateComplete
+    await new Promise(resolve => setTimeout(resolve, 0))
+    page.changed = []
+
+    addressController().registerQuery(path)
+    page.lifecycle = { active: true, params: { contract: 'one' } }
+    page.requestUpdate()
+    await page.updateComplete
+    await new Promise(resolve => setTimeout(resolve, 0))
+    expect(page.changed).to.deep.equal([])
+
+    page.lifecycle = { active: true, params: { contract: 'two' } }
+    page.requestUpdate()
+    await page.updateComplete
+    await new Promise(resolve => setTimeout(resolve, 0))
+    expect(page.changed).to.deep.equal([{ contract: 'two' }])
+  })
+})