React Testing Libraryvs JsDom

我目前正在編寫一個測試,檢查一個簡單的輸入組件:

it("Renders TextInput Component with correct display value", ()=>{
  const textInput = screen.getByRole("textbox");
})

如果我想檢查文本輸入的值,我應該檢查屬性還是使用RTL的screen方法(有更好的方法嗎?)

  expect(screen.getByDisplayValue(defaultProps.value));
  expect(textInput).toHaveAttribute('name', defaultProps.name);

我想開始使用更多的RTL,但我發現我傳遞的一些屬性更難檢查,如下面的屬性。

expect(textInput).toHaveAttribute('placeholder', defaultProps.label);
expect(textInput).toHaveAttribute('type',  defaultProps.type);
? 最佳回答:

是的,screen肯定是首選的方式。閱讀本文,了解更多信息和更多提示。

關于如何檢查輸入字段的值,您可以這樣做:

it("Renders TextInput Component with correct display value", ()=>{
  expect(screen.getByDisplayValue('my text')).toBeInTheDocument().
})

這將嘗試查找值為“my text”的輸入,就像真正的用戶一樣。如果它真的找到了,那么它就被視為通行證。

主站蜘蛛池模板: 亚洲熟妇AV一区二区三区浪潮 | 一本一道波多野结衣AV一区| 五月婷婷一区二区| 日亚毛片免费乱码不卡一区 | 一区二区三区视频观看| 国产主播福利一区二区| 免费无码毛片一区二区APP| 中文无码精品一区二区三区| 视频一区二区在线观看| 国产凸凹视频一区二区| 国产福利一区二区精品秒拍| 欧美日韩精品一区二区在线观看| 美女毛片一区二区三区四区| 日本一区二区在线| 久久精品岛国av一区二区无码| 国产亚洲一区二区三区在线不卡| 无码人妻一区二区三区在线水卜樱 | 国产伦精品一区二区三区免.费 | 亚洲性日韩精品国产一区二区| 亚洲香蕉久久一区二区三区四区| 国产内射在线激情一区| 亚洲日本一区二区三区在线不卡| 日韩在线一区二区三区视频| 日本精品一区二区三区视频| 国产精品伦子一区二区三区| 精品一区二区三区影院在线午夜 | 中文字幕一区二区三| 国产在线步兵一区二区三区| 精品视频一区在线观看| 区三区激情福利综合中文字幕在线一区亚洲视频1 | 国产一区二区在线观看| 国产精品资源一区二区| 国产精品综合一区二区| 国产激情精品一区二区三区| 福利一区福利二区| 国产激情з∠视频一区二区| 国产精品制服丝袜一区| 福利片免费一区二区三区| 成人区精品一区二区不卡| 肉色超薄丝袜脚交一区二区| 久久精品无码一区二区三区不卡|