Vue.js 测试自定义更改事件Vue

我有以下组件

<template>
    <label :for="id">
        <input
            type="radio"
            :checked="modelValue === value"
            :value="value"
            @change="$emit('update:modelValue', value)"
            :id="id"
        />
        <span><slot>Foo</slot></span>
    </label>
</template>

<template>
    <div
        v-for="option in options"
        :key="option.value"
    >
        <FooChild
            :value="foo.value"
            :label="foo.label"
            :name="name"
            :modelValue="modelValue"
            @update:modelValue="$emit('update:modelValue', $event)"
        >
            {{ foo.label }}
        </FooChild>
    </div>
</template>

此组件将是无线电组组件的一部分

<template>
    <label :for="id">
        <input
            type="radio"
            :checked="modelValue === value"
            :value="value"
            @change="$emit('update:modelValue', value)"
            :id="id"
        />
        <span><slot>Foo</slot></span>
    </label>
</template>

<template>
    <div
        v-for="option in options"
        :key="option.value"
    >
        <FooChild
            :value="foo.value"
            :label="foo.label"
            :name="name"
            :modelValue="modelValue"
            @update:modelValue="$emit('update:modelValue', $event)"
        >
            {{ foo.label }}
        </FooChild>
    </div>
</template>

{{foo.label}

我需要测试它，当值等于modelValue时，它将被检查或发出一些东西，我不知道如何检查。有人能帮我吗

我不确定我是否应该测试父母、孩子或两者。它用于无线电输入

谢谢