Storybookã®ãƒ†ã‚¹ãƒˆãƒ©ãƒ³ãƒŠãƒ¼
ã¯ã˜ã‚ã« Storybook test runner turns all of your stories into executable tests. https://github.com/storybookjs/test-runner Storybookã®å…¨ã¦ã®Storyをテストå¯èƒ½ã«ã™ã‚‹@storybook/test-runnerã«ã¤ã„ã¦ã®ãƒ¡ãƒ¢ã€‚ Storybookã®å…¬å¼ãƒ‰ã‚ュメントã§ã¯v6.5ã‹ã‚‰ãƒ†ã‚¹ãƒˆãƒ©ãƒ³ãƒŠãƒ¼ã«ã¤ã„ã¦ã®ãƒšãƒ¼ã‚¸ãŒè¨ã‘られã¦ã„る。 何をテストã™ã‚‹ã‚‚ã®ã‹ テスト対象ã«ã¤ã„ã¦ã¯play関数ã®æœ‰ç„¡ã«ã‚ˆã£ã¦ç•°ãªã‚‹ã€‚ For those without a play function: it verifies whether the story renders without any errors. For those with a play function: it also
FOLIOã®ç”»åƒå›žå¸°ãƒ†ã‚¹ãƒˆã®è£å´ – Yosuke Kurami – Medium
ã“れ㯠FOLIO アドベントカレンダー2018 ã®23日目ã®è¨˜äº‹ã§ã™ã€‚ ã•ã¦ã€æ˜¨æ—¥ã®@minodiskã®è¨˜äº‹ã§ã‚‚触れられã¦ã„る通りã€FOLIOã®Webフãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ã¯Storybookã‚’ä¸å¿ƒã«æ®ãˆãŸç”»åƒå›žå¸°ãƒ†ã‚¹ãƒˆã‚’実践ã—ã¦ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€FOLIOã«ç”»åƒå›žå¸°ãƒ†ã‚¹ãƒˆã‚’å°Žå…¥ã™ã‚‹ãŸã‚ã«ã‚„ã£ã¦ããŸå–り組ã¿ã«ã¤ã„ã¦æ›¸ã„ã¦ã„ãã¾ã™ã€‚ 大ã¾ã‹ãªãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ç”»åƒå›žå¸°ãƒ†ã‚¹ãƒˆã®ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã‚’ç°¡å˜ã«èª¬æ˜Žã—ã¾ã™ã€‚ ã¾ãšã¯å¯¾è±¡ã¨ãªã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«ã¤ã„ã¦Storybookã§Storyを用æ„ã—ã¾ã™ã€‚ Storybookã“ã®Storyã‹ã‚‰CIã§ç”Ÿæˆã•ã‚Œã‚‹ã‚ャプãƒãƒ£ç”»åƒãŒã‚¹ãƒŠãƒƒãƒ—ショットファイルã¨ãªã‚Šã¾ã™ã€‚ ã•ã¦ã€ä»•æ§˜å¤‰æ›´ãªã©ã«ã‚ˆã£ã¦ä¸Šè¨˜ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«å¤‰æ›´ãŒç”Ÿã˜ãŸã¨ã—ã¾ã™ã€‚
N äºˆå‚™æ ¡ã« Visual Regression Testing ã‚’å°Žå…¥ã—ãŸè©± + tips - ドワンゴ教育サービス開発者ブãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€‚N äºˆå‚™æ ¡ Web フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºãƒãƒ¼ãƒ ã® berlysia ã§ã™ã€‚ N äºˆå‚™æ ¡ã® Web フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã«ã€ Storycap + reg-suit ã«ã‚ˆã‚‹ Visual Regression Testing ã‚’å°Žå…¥ã—ã¾ã—ãŸã€‚è¨å®šã®å·¥å¤«ã‹ã‚‰ã€è¨å®šä¸ã‚„é‹ç”¨ã—ã¦ã—ã°ã‚‰ãã®é–“ã«å®Ÿéš›ã«ç™ºç”Ÿã—ãŸãƒãƒžã‚Šã©ã“ã‚を挙ã’ã€ç°¡å˜ã«æ³¨æ„点や対処例を紹介ã—ã¾ã™ã€‚ 背景 Näºˆå‚™æ ¡ã«ã¤ã„㦠N äºˆå‚™æ ¡ã¯ãƒ‰ãƒ¯ãƒ³ã‚´ãŒæä¾›ã™ã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³å¦ç¿’サービスã§ã™ã€‚大å¦å—験対ç–ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã€Webデザインã€æ©Ÿæ¢°å¦ç¿’ãªã©å¤šæ§˜ãªã‚³ãƒ¼ã‚¹ãŒã‚ã‚Šã¾ã™ã€‚オンラインã§ã®åˆ©ç”¨ã«åˆã‚ã›ãŸæ•™æã‚„ã€è¬›å¸«ãŒç”Ÿæ”¾é€ã§è¡Œã†æŽˆæ¥ã€å—講者åŒå£«ã§ã‚‚質å•ã—æ•™ãˆã‚ãˆã‚‹ãƒ•ã‚©ãƒ¼ãƒ©ãƒ ã‚’å‚™ãˆã¦ã„ã¾ã™ã€‚ www.nnn.ed.nico å‘¨è¾ºçŠ¶æ³ N äºˆå‚™æ ¡ã® Web フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰é–‹ç™ºã¨ãれをå–ã‚Šå·»ã状æ³ã«ã¯ã€æ¬¡ã®ã‚ˆã†ãªç‰¹å¾´ãŒã‚ã‚Šã¾ã™ã€‚ React ã«ã‚ˆã‚‹
qrcode.react ã¨ã‚¹ãƒŠãƒƒãƒ—ショットテストã®ç›¸æ€§ãŒæœ€é«˜ã™ãŽãŸ - 経験ã¯ä½•ã‚ˆã‚Šã‚‚饒舌
qrcode.reactã¯ã€ãã®åã®é€šã‚ŠQRコードを生æˆã—ã¦ãれるReactコンãƒãƒ¼ãƒãƒ³ãƒˆã 。 github.com ファイル構æˆã¯src/index.jsã§ã‚´ãƒªã‚´ãƒªè¨ˆç®—ã¨ã„ã†ã‹æ–‡å—列を算出ã—ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’è¿”ã™æ§‹æˆã ã£ãŸã€‚ テストãŒãªã‹ã£ãŸã®ã§ã€ãƒ†ã‚¹ãƒˆã‚’è¿½åŠ ã—ãŸã‹ã£ãŸã®ã ãŒã€ä½•ã«å¯¾ã—ã¦ãƒ†ã‚¹ãƒˆã‚’è¿½åŠ ã™ã‚Œã°ã‚ˆã„ã®ã‹ã‚ã‹ã‚‰ãšã€ã—ã°ã‚‰ã放置ã—ã¦ã„ãŸã€‚ convertStr関数やgeneratePath関数ã®å…¥åŠ›ã¨å‡ºåŠ›ã«å¯¾ã™ã‚‹å˜ä½“ãƒ†ã‚¹ãƒˆã‚’è¿½åŠ ã—よã†ã¨æ€ã£ãŸã‘ã‚Œã©ã€ã‚ã¾ã‚Šæ©æµã¯ãªã„よã†ã«æ€ãˆãŸã€‚ qrcode.react/index.js at 6aeb42abc26ffecc868b630b6ad8f507d2125813 · zpao/qrcode.react · GitHub qrcode.react/index.js at 6aeb42abc26ffecc868b630b6ad8f507d
Reactã§ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°å›žæ•°ã‚„レンダリングã«ã‹ã‹ã‚‹æ™‚間をユニットテストã§ãƒ†ã‚¹ãƒˆã§ãるライブラリを開発ã—ã¾ã—㟠- Qiita
import React from 'react'; import { render, fireEvent, screen } from '@testing-library/react'; import { perf, wait } from 'react-performance-testing'; test('countボタンをクリックã—ãŸæ™‚ã«ã€2回レンダリングã™ã‚‹', async () => { const Button = ({ name, onClick }) => ( <button type="button" onClick={onClick}>{name}</button> ); const Counter = () => { const [count, setCount] = React.useState(0); return ( <div> <span>{count}</
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Testing Relay Components | Relay
Reactコンãƒãƒ¼ãƒãƒ³ãƒˆã«ãŠã‘るテスト手法ã®é¸æŠžè‚¢
{{#tags}}- {{label}}
{{/tags}}