アクセシビリティツリーを比較ã™ã‚‹ Playwright ã® Aria snapshots ãŒã‚ˆã•ãã†export const Button = ({ children }) => { - return <button className="btn">{children}</button> + return <button className="button">{children}</button> } ã—ã‹ã—ã€ã‚¹ãƒŠãƒƒãƒ—ショットテストã§ã¯ã‚¯ãƒ©ã‚¹åã®å¤‰æ›´ã«ã‚ˆã‚Šãƒ†ã‚¹ãƒˆãŒå¤±æ•—ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ã“ã®ã‚ˆã†ã«ã€ã‚¹ãƒŠãƒƒãƒ—ショットテストã¯å¤–部ã‹ã‚‰è¦‹ãŸæŒ¯ã‚‹èˆžã„ãŒå¤‰ã‚らãªã„ã“ã¨ã‚’確èªã™ã‚‹ã®ã«ã¯å‘ã„ã¦ã„ã¾ã›ã‚“。コンãƒãƒ¼ãƒãƒ³ãƒˆã®å†…部実装ã«å¤‰æ›´ã‚’åŠ ãˆã‚‹ãŸã³ã«ã‚¹ãƒŠãƒƒãƒ—ショットã®æ›´æ–°ãŒæ±‚ã‚られるãŸã‚ã€ãã®ã†ã¡ã«ã‚¹ãƒŠãƒƒãƒ—ショットテストã®çµæžœãŒè»½ã‚“ã˜ã‚‰ã‚Œã¦ã—ã¾ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ Playwright ã® Aria snapshots Playwright ã® Aria snapshots ã¯ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ã‚¹ãƒŠãƒƒãƒ—ショッ
アクセシビリティãƒã‚§ãƒƒã‚¯ã‚’後回ã—ã«ã—ãªã„ãŸã‚ã®ãƒ„ールを作ã£ã¦ã‚‹
{{#tags}}- {{label}}
{{/tags}}