返回

React 测试库 userEvent.type 只识别第一个字母

发布时间:2022-09-05 12:55:04 321

我在 Next.js 12 中使用“@testing-library/user-event”:“^14.2.0”。

这是我的测试

it('test search input', async () => {

    const searchInput = screen.getByPlaceholderText('Search assets');

    expect(searchInput).toBeInTheDocument();

    await userEvent.type(searchInput, 'test{Enter}');

    expect(searchInput).toHaveValue('test');

测试失败并出现以下错误

expect(element).toHaveValue(test)

    Expected the element to have value:

      test

    Received:

      t

      195 |

      196 |     await userEvent.type(searchInput, 'test{Enter}');

    > 197 |     expect(searchInput).toHaveValue('test');

          |                         ^

      198 |   });

      199 | });

      200 |

更新:这是我的组件代码。组件非常简单,带有一个带有 onKeyDown 事件的输入框。

const SearchBox = () => {

      const router = useRouter();

      const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {

        const element = event.currentTarget as HTMLInputElement;

        const searchText = element.value;

        if (event.key === 'Enter') {

          router.push({

            pathname: '/search',

            query: { q: searchText },

          });

        }

      };

      return (

        <>

               <input

                className={styles.searchInput}

                type="text"

                placeholder="Search assets"

                onKeyDown={handleKeyDown}

              />

        </>

      );

    };

    export default SearchBox;

有人可以帮忙吗?

特别声明:以上内容(图片及文字)均为互联网收集或者用户上传发布,本站仅提供信息存储服务!如有侵权或有涉及法律问题请联系我们。
举报
评论区(1)
按点赞数排序
用户头像