@poveste/plugin-vue 0.18.3 → 0.19.0

package/src/client/app/__tests__/auto-props.spec.ts

@@ -1,49 +0,0 @@
-import { describe, expect, it } from 'vitest'
-import { inferredType, passedValue } from '../auto-props.js'
-
-/*
- * A production build erases the runtime types Vue infers from a type-only
- * `defineProps`, so the declaration says nothing and the value has to (#490).
- */
-describe('the type a value implies', () => {
-  it.each([
-    ['a string', 'hello', 'string'],
-    ['a number', 42, 'number'],
-    ['zero', 0, 'number'],
-    ['a boolean', false, 'boolean'],
-    ['an array', [1, 2], 'array'],
-    ['an object', { a: 1 }, 'object'],
-  ])('reads %s', (_, value, expected) => {
-    expect(inferredType(value)).toBe(expected)
-  })
-
-  // Nothing to go on, and guessing would pick a control the prop cannot hold.
-  // A factory default arrives here as the function it is, which is why nothing
-  // upstream has to strip it first.
-  it.each([
-    ['null', null],
-    ['undefined', undefined],
-    ['a factory default', () => []],
-  ])('declines to guess from %s', (_, value) => {
-    expect(inferredType(value)).toBe('unknown')
-  })
-})
-
-describe('the value a vnode passed', () => {
-  it('finds a prop under the name it was declared with', () => {
-    expect(passedValue({ props: { label: 'x' } }, 'label')).toBe('x')
-  })
-
-  // `vnode.type.props` is keyed as declared, `vnode.props` as authored.
-  it('finds a multi-word prop written in kebab case', () => {
-    expect(passedValue({ props: { 'my-label': 'x' } }, 'myLabel')).toBe('x')
-  })
-
-  it('prefers the declared spelling when both are present', () => {
-    expect(passedValue({ props: { 'myLabel': 'camel', 'my-label': 'kebab' } }, 'myLabel')).toBe('camel')
-  })
-
-  it('is undefined when the component was given no props at all', () => {
-    expect(passedValue({}, 'label')).toBeUndefined()
-  })
-})

package/src/client/app/__tests__/preview-variants.spec.ts

@@ -1,76 +0,0 @@
-import type { Story as StoryData, Variant as VariantData } from '@poveste/shared'
-import type { Component } from 'vue'
-import { describe, expect, it } from 'vitest'
-import { createSSRApp, defineComponent, h, reactive } from 'vue'
-import { renderToString } from 'vue/server-renderer'
-import { provideRenderContext } from '../render-context.js'
-import Story from '../Story.js'
-import Variant from '../Variant.js'
-
-const COUNT = 50
-
-function storyData(): StoryData {
-  const variants = Array.from({ length: COUNT }, (_, i) => ({ id: `v${i + 1}`, title: `Variant ${i + 1}`, state: {} })) as VariantData[]
-  // `hasVariantChildComponents` is what every explicit <Variant> sets as it renders,
-  // so this is the story as a retarget finds it: past its first render.
-  return reactive({ id: 'grid', title: 'Grid', variants, meta: { hasVariantChildComponents: true } }) as unknown as StoryData
-}
-
-/** Renders `storyComponent` for `target` in a render context, and counts the Variant components created. */
-async function renderPreview(storyComponent: Component, story: StoryData, target: string) {
-  let variantsCreated = 0
-  const currentVariant = story.variants.find(variant => variant.id === target) ?? null
-  const app = createSSRApp(defineComponent({
-    setup() {
-      provideRenderContext(reactive({ mode: 'render', slotName: 'default', currentVariant, externalState: {}, nextVariantIndex: { value: 0 } }))
-      return () => h(storyComponent, { story })
-    },
-  }))
-  app.mixin({
-    beforeCreate() {
-      if (this.$options.name === 'Variant') {
-        variantsCreated++
-      }
-    },
-  })
-  const html = await renderToString(app)
-  return { html, variantsCreated }
-}
-
-const button = (n: number) => h('button', `Button ${n}`)
-
-describe('a preview render of one variant', () => {
-  // #873: gated on `hasVariantChildComponents`, the filter below never ran after a
-  // story's first render, and every retarget rendered all N Variant components.
-  it('creates only the target Variant when every variant is a direct child', async () => {
-    const DirectStory = defineComponent({
-      props: { story: { type: Object, required: true } },
-      setup: props => () => h(Story, { story: props.story }, {
-        default: () => Array.from({ length: COUNT }, (_, i) => h(Variant, { key: i }, { default: () => button(i + 1) })),
-      }),
-    })
-
-    const { html, variantsCreated } = await renderPreview(DirectStory, storyData(), 'v37')
-
-    expect(variantsCreated).toBe(1)
-    expect(html).toContain('Button 37')
-    expect(html).not.toContain('Button 36<')
-  })
-
-  // A walk of the slot's vnodes cannot see a <Variant> inside a child component,
-  // so positions would not line up with `story.variants`, and every one renders.
-  it('still renders every Variant when they live in a child component', async () => {
-    const Rows = defineComponent({
-      setup: () => () => Array.from({ length: COUNT }, (_, i) => h(Variant, { key: i }, { default: () => button(i + 1) })),
-    })
-    const WrappedStory = defineComponent({
-      props: { story: { type: Object, required: true } },
-      setup: props => () => h(Story, { story: props.story }, { default: () => h(Rows) }),
-    })
-
-    const { html, variantsCreated } = await renderPreview(WrappedStory, storyData(), 'v37')
-
-    expect(variantsCreated).toBe(COUNT)
-    expect(html).toContain('Button 37')
-  })
-})

package/src/client/app/__tests__/state-sync.spec.ts

@@ -1,498 +0,0 @@
-import { autoPropsStateKeys } from '@poveste/shared'
-import { nextTick as bundledNextTick, reactive as bundledReactive, ref as bundledRef } from '@poveste/vendors/vue'
-import { describe, expect, it } from 'vitest'
-import { markRaw, nextTick, reactive, ref, watch } from 'vue'
-import { syncStateBundledAndExternal } from '../util.js'
-
-// These run against both Vue copies for real: `@poveste/vendors/vue` is the one
-// poveste bundles, `vue` is the one a user's story would run on. That is the
-// whole point — the sync exists because the two have separate reactivity graphs
-// and separate schedulers, and nothing about it can be tested with one of them.
-
-// Each side flushes on its own scheduler and a write can bounce between them a
-// few times before settling, so drain both alternately rather than once.
-async function settle() {
-  for (let i = 0; i < 6; i++) {
-    await nextTick()
-    await bundledNextTick()
-  }
-}
-
-function setup(initial: Record<string, any>, omit: string[] = []) {
-  const bundled = bundledReactive(structuredClone(initial))
-  const external = reactive(structuredClone(initial))
-  const sync = syncStateBundledAndExternal(bundled, external, omit)
-  return { bundled, external, sync }
-}
-
-describe('syncStateBundledAndExternal', () => {
-  it('mirrors an edit in each direction', async () => {
-    const { bundled, external, sync } = setup({ count: 0 })
-    await settle()
-
-    external.count = 1
-    await settle()
-    expect(bundled.count).toBe(1)
-
-    bundled.count = 2
-    await settle()
-    expect(external.count).toBe(2)
-
-    sync.stop()
-  })
-
-  // Each side's walker recurses with its own copy's `isRef`, and the bundled
-  // one used to hand its whole subtree to the external walker — so below the
-  // first level, bundled state was walked by the wrong copy of Vue. Nothing
-  // observable came of it, because `isRef` reads `__v_isRef` rather than an
-  // identity and either copy answers for the other's ref; this pins the
-  // recursion either way, which is coverage the bridge did not have.
-  it('unwraps a ref nested below the first level, on both sides', async () => {
-    const { bundled, external, sync } = setup({ count: 0 })
-    await settle()
-
-    bundled.deep = { inner: { value: bundledRef('from bundled') } }
-    await settle()
-    expect(external.deep.inner.value).toBe('from bundled')
-
-    external.other = { inner: { value: ref('from external') } }
-    await settle()
-    expect(bundled.other.inner.value).toBe('from external')
-
-    sync.stop()
-  })
-
-  // Both walkers rebuilt every object from its own enumerable keys, so a `Date`
-  // crossed as `{}` — and the baseline's `isEquivalent`, which refuses to
-  // compare anything that is not plain precisely so two distinct `Date`s are
-  // never called equal, was handed two empty plain objects instead (#977).
-  it('carries a Date across, rather than emptying it', async () => {
-    const { bundled, external, sync } = setup({ count: 0 })
-    await settle()
-
-    external.at = new Date(1790071200000)
-    await settle()
-
-    expect(bundled.at).toBeInstanceOf(Date)
-    expect(bundled.at.getTime()).toBe(1790071200000)
-
-    sync.stop()
-  })
-
-  it('carries a Map and a class instance the same way', async () => {
-    class Point {
-      constructor(public x: number, public y: number) {}
-      get len() { return Math.hypot(this.x, this.y) }
-    }
-    const { bundled, external, sync } = setup({ count: 0 })
-    await settle()
-
-    external.m = new Map([['a', 1]])
-    external.p = new Point(3, 4)
-    await settle()
-
-    expect(bundled.m).toBeInstanceOf(Map)
-    expect(bundled.m.get('a')).toBe(1)
-    // In one realm the reference crosses, so the prototype survives too — which
-    // the sandbox bridge cannot promise and does not (#977).
-    expect(bundled.p.len).toBe(5)
-
-    sync.stop()
-  })
-
-  // The half the walker was destroying upstream of: two different dates must
-  // not settle as equivalent, or an edit is dropped rather than mirrored.
-  it('mirrors a change from one Date to another', async () => {
-    const { bundled, external, sync } = setup({ count: 0 })
-    await settle()
-
-    external.at = new Date(1790071200000)
-    await settle()
-
-    external.at = new Date(0)
-    await settle()
-
-    expect(bundled.at.getTime()).toBe(0)
-
-    sync.stop()
-  })
-
-  it('stops mirroring once stopped', async () => {
-    const { bundled, external, sync } = setup({ count: 0 })
-    await settle()
-    sync.stop()
-
-    external.count = 1
-    await settle()
-    expect(bundled.count).toBe(0)
-  })
-
-  // The #95 regression. `applyState` iterates the incoming keys, so it has no
-  // way to express "this key is gone" — the write it performs for a removal
-  // changes nothing on the far side, and the far side's watcher never fires.
-  //
-  // That matters because the two watchers coordinate through a `syncing` boolean
-  // meaning "ignore the next firing, it is my own echo", and the counterpart
-  // firing is what clears it. No counterpart, no clear: the flag stayed set, and
-  // the next edit was mistaken for an echo and dropped on the floor.
-  //
-  // Worth being exact about how bad this was in the shipped app, because it is
-  // the reason the issue had no repro: it never bit here. Vue stories always
-  // carry `_hPropState` and `_hPropDefs`, and `applyState` sent every
-  // `_h`-prefixed key down the plain-assignment branch, so those two were
-  // re-identified on every apply and a counterpart firing was guaranteed. The
-  // invariant held by luck. These tests use a state without that bookkeeping,
-  // which is what the function actually promises to handle — and which is the
-  // shape the sandbox bridge and `plugin-svelte` were relying on luck for too.
-  it('does not drop the edit after a removal it cannot mirror', async () => {
-    const { bundled, external, sync } = setup({ count: 0, gone: 1 })
-    await settle()
-
-    delete external.gone
-    await settle()
-
-    external.count = 1
-    await settle()
-    expect(bundled.count).toBe(1)
-
-    sync.stop()
-  })
-
-  it('does not drop the edit after a nested removal it cannot mirror', async () => {
-    // The same shape one level down, and the more plausible one: a story that
-    // drops an entry out of a map in state, then touches a control.
-    const { bundled, external, sync } = setup({ count: 0, items: { a: 1, b: 2 } })
-    await settle()
-
-    delete external.items.b
-    await settle()
-
-    external.count = 1
-    await settle()
-    expect(bundled.count).toBe(1)
-
-    sync.stop()
-  })
-
-  it('does not drop the edit after a change that nets out to nothing', async () => {
-    const { bundled, external, sync } = setup({ count: 0, list: [1, 2] })
-    await settle()
-
-    external.list.push(9)
-    external.list.pop()
-    await settle()
-
-    external.count = 1
-    await settle()
-    expect(bundled.count).toBe(1)
-
-    sync.stop()
-  })
-
-  it('leaves object identity alone on both sides when a sync changes nothing', async () => {
-    // The other half of the fix, and the reason the flag can now be trusted.
-    // `toRawDeep` rebuilds every object it passes, so mirroring `count` used to
-    // drop a fresh `nested` and `list` onto the receiving side as well, and each
-    // of those re-triggered its watchers. Every sync was a burst of firings that
-    // happened to keep the count even; none of them meant anything.
-    const { bundled, external, sync } = setup({ count: 0, nested: { a: 1 }, list: [1, 2] })
-    await settle()
-
-    const externalNested = external.nested
-    const externalList = external.list
-    const bundledNested = bundled.nested
-    const bundledList = bundled.list
-
-    external.count = 1
-    await settle()
-
-    expect(bundled.count).toBe(1)
-    expect(external.nested).toBe(externalNested)
-    expect(external.list).toBe(externalList)
-    // The receiving side is the one that used to get churned.
-    expect(bundled.nested).toBe(bundledNested)
-    expect(bundled.list).toBe(bundledList)
-
-    sync.stop()
-  })
-
-  // The #96 regression, and the reason the `syncing` flag is gone rather than
-  // repaired. Both watchers mirrored the whole of their side, so the second one
-  // to fire carried its own edit *and* its copy of the key the first side had
-  // just changed — one edit stale, because the mirror had not reached it yet.
-  // Last writer won, and it won across every key rather than just its own.
-  it('keeps both edits when the two sides change in the same tick', async () => {
-    const { bundled, external, sync } = setup({ a: 0, b: 0 })
-    await settle()
-
-    external.a = 1
-    bundled.b = 1
-    await settle()
-
-    expect({ a: external.a, b: external.b }).toEqual({ a: 1, b: 1 })
-    expect({ a: bundled.a, b: bundled.b }).toEqual({ a: 1, b: 1 })
-
-    sync.stop()
-  })
-
-  it('keeps both edits when the two sides change in the same tick, bundled first', async () => {
-    // Which watcher happens to flush first decided who lost, so pin both orders.
-    const { bundled, external, sync } = setup({ a: 0, b: 0 })
-    await settle()
-
-    bundled.b = 1
-    external.a = 1
-    await settle()
-
-    expect({ a: external.a, b: external.b }).toEqual({ a: 1, b: 1 })
-    expect({ a: bundled.a, b: bundled.b }).toEqual({ a: 1, b: 1 })
-
-    sync.stop()
-  })
-
-  it('keeps both edits when they land in different keys of the same object', async () => {
-    // The nested form: two entries of one map, which whole-object mirroring
-    // could not separate even in principle.
-    const { bundled, external, sync } = setup({ items: { a: 0, b: 0 } })
-    await settle()
-
-    external.items.a = 1
-    bundled.items.b = 1
-    await settle()
-
-    expect(external.items).toEqual({ a: 1, b: 1 })
-    expect(bundled.items).toEqual({ a: 1, b: 1 })
-
-    sync.stop()
-  })
-
-  it('keeps a concurrent edit made while the other side is mid-flight', async () => {
-    // Not the same tick, and it passed before the fix too — kept because it
-    // pins the interleaving the flag was most delicate about: the far side edits
-    // after a mirror has landed but before its echo has been observed.
-    const { bundled, external, sync } = setup({ a: 0, b: 0 })
-    await settle()
-
-    external.a = 1
-    await nextTick()
-    bundled.b = 1
-    await settle()
-
-    expect({ a: external.a, b: external.b }).toEqual({ a: 1, b: 1 })
-    expect({ a: bundled.a, b: bundled.b }).toEqual({ a: 1, b: 1 })
-
-    sync.stop()
-  })
-
-  it('mirrors an edit made to a key the other side removed', async () => {
-    // A removal cannot cross, so the two sides disagree about that key from then
-    // on. The baseline must not mistake that standing disagreement for a change
-    // and start replaying it — nor let it mask the next real edit.
-    const { bundled, external, sync } = setup({ count: 0, gone: 1 })
-    await settle()
-
-    delete external.gone
-    await settle()
-
-    bundled.count = 5
-    await settle()
-    expect(external.count).toBe(5)
-
-    external.count = 6
-    await settle()
-    expect(bundled.count).toBe(6)
-
-    sync.stop()
-  })
-
-  it('does not let a mirrored array alias the baseline', async () => {
-    // An array always crosses whole — `applyState` assigns it rather than
-    // merging — so the receiving side ends up holding the very object the
-    // baseline recorded. Reactive writes go through to the raw target, so
-    // without a copy the next `push` lands in the baseline as well, and the sync
-    // reads the edit back as already agreed and drops it.
-    const { bundled, external, sync } = setup({ list: [1, 2] })
-    await settle()
-
-    external.list = [1, 2, 3]
-    await settle()
-    expect(bundled.list).toEqual([1, 2, 3])
-
-    bundled.list.push(4)
-    await settle()
-    expect(external.list).toEqual([1, 2, 3, 4])
-
-    sync.stop()
-  })
-
-  it('does not let a mirrored object alias the baseline', async () => {
-    // Same hazard by the other route into the wholesale branch: a key the far
-    // side does not have yet is assigned rather than merged.
-    const { bundled, external, sync } = setup({ count: 0 })
-    await settle()
-
-    external.added = { a: 1 }
-    await settle()
-    expect(bundled.added).toEqual({ a: 1 })
-
-    bundled.added.a = 2
-    await settle()
-    expect(external.added.a).toBe(2)
-
-    sync.stop()
-  })
-
-  it('mirrors a write the story makes in reaction to a control edit', async () => {
-    // The realistic form of #96, and the one a book actually hits: a story that
-    // derives one state key from another. Editing `a` in the controls panel is
-    // one edit, but the story answering it with `b` is a second, and it lands
-    // while the first is still in flight — so the two sides are changing at the
-    // same time without anyone having to do anything unusual.
-    //
-    // The story's watcher is installed before the sync here, and that ordering
-    // is the whole of it: Vue flushes by creation order, so the story's write
-    // lands before the sync watcher runs and rides in on the very firing the
-    // flag was waiting to discard. Install the sync first and the same code
-    // survived, which is why this never showed up as a reliable bug.
-    //
-    // Both orders occur. `Variant` attaches its sync in `setup()`, before the
-    // story mounts; `RenderStory` tears the sync down and re-attaches it when
-    // the variant changes, by which time the story's watchers are long since
-    // registered. A flag whose correctness turns on which of those you got is
-    // not correct, it is lucky.
-    const bundled = bundledReactive({ a: 0, b: 0 })
-    const external = reactive({ a: 0, b: 0 })
-
-    const stop = watch(() => external.a, (value) => {
-      external.b = value * 2
-    })
-    const sync = syncStateBundledAndExternal(bundled, external)
-    await settle()
-
-    bundled.a = 1
-    await settle()
-
-    expect(external.b).toBe(2)
-    expect(bundled.b).toBe(2)
-
-    stop()
-    sync.stop()
-  })
-
-  it('mirrors only what moved without taking the neighbouring keys with it', async () => {
-    // Sending less than the whole object is what stops the two sides clobbering
-    // each other, and it is only safe as far as `applyState` merges — one level,
-    // and never for an `_h` key, which it replaces outright for the sandbox's
-    // sake. Narrow past either and the subset lands *as* the object.
-    //
-    // Every Vue story carries `_hPropState`, so getting that wrong empties the
-    // auto-props of every story in the book rather than failing somewhere quiet.
-    const initial = { _hPropState: { a: 1, b: 2 }, deep: { inner: { x: 1, y: 2 } } }
-    const bundled = bundledReactive(structuredClone(initial))
-    const external = reactive(structuredClone(initial))
-    const sync = syncStateBundledAndExternal(bundled, external)
-    await settle()
-
-    external._hPropState.a = 9
-    external.deep.inner.x = 9
-    await settle()
-
-    expect(bundled._hPropState).toEqual({ a: 9, b: 2 })
-    expect(bundled.deep.inner).toEqual({ x: 9, y: 2 })
-
-    sync.stop()
-  })
-
-  it('mirrors many edits in a row without falling behind', async () => {
-    const { bundled, external, sync } = setup({ count: 0 })
-    await settle()
-
-    for (let i = 1; i <= 10; i++) {
-      external.count = i
-      await settle()
-      expect(bundled.count).toBe(i)
-    }
-
-    sync.stop()
-  })
-})
-
-/*
- * A variant's state is synced with the story's implicit state, which every
- * variant shares — so anything that crosses reaches all of them. `_hPropState`
- * is keyed by a component's index within one variant, so it must not (#473).
- */
-describe('keys the sync is told to omit', () => {
-  it('does not carry an auto-props edit to the other side', async () => {
-    const { bundled, external, sync } = setup({ _hPropState: {}, label: 'a' }, autoPropsStateKeys)
-    await settle()
-
-    external._hPropState = { 0: { name: 'Bender' } }
-    await settle()
-
-    expect(bundled._hPropState).toEqual({})
-
-    sync.stop()
-  })
-
-  it('goes on carrying everything else', async () => {
-    const { bundled, external, sync } = setup({ _hPropState: {}, label: 'a' }, autoPropsStateKeys)
-    await settle()
-
-    external.label = 'edited'
-    await settle()
-
-    expect(bundled.label).toBe('edited')
-
-    sync.stop()
-  })
-
-  // The reason the sync exists: a variant with no `initState` picks up the
-  // story's own state, and omitting the bookkeeping must not cost that.
-  it('still carries a key the story owns', async () => {
-    const { bundled, external, sync } = setup({}, autoPropsStateKeys)
-    await settle()
-
-    bundled.fromStory = 'yes'
-    await settle()
-
-    expect(external.fromStory).toBe('yes')
-
-    sync.stop()
-  })
-})
-
-describe('a binding Vue has marked raw', () => {
-  // Not `setup()` above: that clones its argument, and `structuredClone` is
-  // exactly what a mark does not survive.
-  function setupWithGraph() {
-    const graph = markRaw({ nodes: { deep: 1 } })
-    const bundled = bundledReactive<Record<string, any>>({ text: '', graph })
-    const external = reactive<Record<string, any>>({ text: '' })
-    const sync = syncStateBundledAndExternal(bundled, external)
-    return { bundled, external, sync, graph }
-  }
-
-  it('crosses between the two Vues as itself, not as a rebuilt copy', async () => {
-    const { external, sync, graph } = setupWithGraph()
-    await settle()
-
-    // Both sides live in one realm, so the reference is the useful thing to
-    // hand over — and handing it over is what lets the compare settle on
-    // identity instead of walking whatever is behind it (#957).
-    expect(external.graph).toBe(graph)
-    sync.stop()
-  })
-
-  it('stays that object over later passes, and does not hold up the keys beside it', async () => {
-    const { bundled, external, sync, graph } = setupWithGraph()
-    await settle()
-
-    bundled.text = 'a'
-    await settle()
-
-    expect(external.graph).toBe(graph)
-    expect(external.text).toBe('a')
-    sync.stop()
-  })
-})

package/src/client/app/__tests__/writable-binding.spec.ts

@@ -1,39 +0,0 @@
-import { describe, expect, it } from 'vitest'
-import { computed, readonly, ref, shallowRef, useTemplateRef } from 'vue'
-import { isWritableBinding } from '../util.js'
-
-// `useTemplateRef` returns a readonly ref in a dev build and a writable one in a
-// production build, so this file is the only place the defect in #959 can be
-// caught: vitest runs the dev build, and the e2e suites serve built books where
-// the bug does not exist.
-
-describe('isWritableBinding', () => {
-  it('rejects the ref useTemplateRef returns, which is what loops the sync', () => {
-    expect(isWritableBinding(useTemplateRef('el'))).toBe(false)
-  })
-
-  it('rejects a readonly ref however it was made', () => {
-    expect(isWritableBinding(readonly(ref(0)))).toBe(false)
-    expect(isWritableBinding(readonly(shallowRef(null)))).toBe(false)
-  })
-
-  // Same rule, and the reason is the same: a control that cannot write is not a
-  // control. Called out because it is a behaviour change beyond the defect.
-  it('rejects a computed, which could never take the write either', () => {
-    expect(isWritableBinding(computed(() => 1))).toBe(false)
-  })
-
-  // The shape every existing story uses for a template ref, which has to keep
-  // working — a story that writes its own state through one still syncs.
-  it('accepts the pre-3.5 ref(null) form', () => {
-    expect(isWritableBinding(ref(null))).toBe(true)
-    expect(isWritableBinding(shallowRef(null))).toBe(true)
-  })
-
-  it('accepts ordinary bindings, ref and plain alike', () => {
-    expect(isWritableBinding(ref(0))).toBe(true)
-    expect(isWritableBinding({ a: 1 })).toBe(true)
-    expect(isWritableBinding('text')).toBe(true)
-    expect(isWritableBinding(undefined)).toBe(true)
-  })
-})