// @vitest-environment jsdom
import { describe, expect, it } from 'vitest'
import { mount } from '@vue/test-utils'
import Fixture from './fixtures/script-setup-let-assignment.vue'

/**
 * 验证 `<script setup>` 里的 `let` 绑定在模板内联语句里到底能不能写。
 *
 * known-issues #3 认为「编译只对 ref 做解包，let 绑定在模板内联语句里不可写，
 * 这个重置很可能不生效」。这个结论需要运行时证据，不能只靠读编译产物 ——
 * compileScript 会为 `setup-let` 绑定生成一对 getter/setter 放进 __returned__，
 * 模板里的 `$setup.x = v` 走 setter，会写回闭包变量。
 *
 * 判据必须有区分度：先把 counter 推到非 0，再内联复位后读取。
 * 若复位不生效，读到的是 1；复位生效则读到 0。
 */
describe('script setup let binding assignment', () => {
  it('resets the counter before the follow-up call reads it', async () => {
    const wrapper = mount(Fixture)

    await wrapper.find('.bump').trigger('click')
    expect((wrapper.vm as any).observed).toEqual([1])

    await wrapper.find('.reset-read').trigger('click')

    // 内联赋值先把 counter 置 0，read() 再读到它 —— 读到 0 说明赋值确实生效
    expect((wrapper.vm as any).observed).toEqual([1, 0])
  })
})