[B! test] moqadaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

moqada id:moqada

testã«é–¢ã™ã‚‹moqadaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (334)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã®ãƒ†ã‚¹ãƒˆã¨React Nativeã«ãŠã‘ã‚‹ãƒ†ã‚¹ãƒˆãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®é¸æŠžè‚¢ - KitchHike Tech Blog
ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã«ãƒ†ã‚¹ãƒˆã‚’å°Žå…¥ã™ã‚‹å‰ã« ã‚ãƒƒãƒãƒã‚¤ã‚¯ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®è–¬å¸«å¯ºã§ã™ã€‚ ã‚ãƒƒãƒãƒã‚¤ã‚¯ã§ã¯React Nativeã‚¢ãƒ—ãƒªã«ãƒ†ã‚¹ãƒˆã‚’å°Žå…¥ã™ã‚‹ã«ã‚ãŸã‚Šã€ ãƒ†ã‚¹ãƒˆãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®é¸å®šã¨ã€ãƒ†ã‚¹ãƒˆã§ã¯ä½•ã‚’æ„è˜ã™ã‚Œã°ã„ã„ã®ã‹ã¨ã„ã†ã“ã¨ã‚’è€ƒãˆã¦ãã¾ã—ãŸã€‚ ä»Šå›žã®è¨˜äº‹ã§ã¯ã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã®ãƒ†ã‚¹ãƒˆã§è€ƒæ…®ã™ã¹ãç‚¹ã¨ã€ãƒ†ã‚¹ãƒˆãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’æ¯”è¼ƒã—ã¦å¾—ãŸæƒ…å ±ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã«ãƒ†ã‚¹ãƒˆã‚’å°Žå…¥ã™ã‚‹å‰ã« ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®ãƒ†ã‚¹ãƒˆãƒ”ãƒ©ãƒŸãƒƒãƒ‰ ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã®ãƒ†ã‚¹ãƒˆãƒ”ãƒ©ãƒŸãƒƒãƒ‰ã‚’ç¯‰ãã®ã¯é›£ã—ã„ ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ã¨å®Ÿæ©Ÿã§ã®ç’°å¢ƒå·®åˆ† ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ»ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãªã©ã®UIéƒ¨åˆ†ã®å·®åˆ† ãƒã‚¤ãƒ†ã‚£ãƒ–å±¤ã®ä¸€éƒ¨ã®ãƒ†ã‚¹ãƒˆãŒå›°é›£ãªç®‡æ‰€ ãƒ†ã‚¹ãƒˆå°Žå…¥ã®ãŸã‚ã€ãƒ†ã‚¹ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®æ¯”è¼ƒ ãƒ†ã‚¹ãƒˆãƒ©ãƒ³ãƒŠãƒ¼ã¨E2Eãƒ†ã‚¹ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®é–¢ä¿‚å›³ æ¯”è¼ƒè¡¨ ãƒ†ã‚¹ãƒˆãƒ©ãƒ³ãƒŠãƒ¼ã‚’é¸ã¶ jest mocha AVA E2Eãƒ†ã‚¹ãƒˆã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’é¸ã¶ Appium D
moqada 2019/07/18
react-native

test
ãƒªãƒ³ã‚¯
æˆ‘ãŒåã¯ç¥žé¾â€¦â€¦ã©ã‚“ãªãƒ†ã‚¹ãƒˆã‚‚ã²ã¨ã¤ã ã‘è‡ªå‹•åŒ–ã—ã¦ã‚„ã‚ã† - Qiita
ã€Žæˆ‘ãŒåã¯ç¥žé¾â€¦â€¦ã©ã‚“ãªãƒ†ã‚¹ãƒˆã‚‚ã²ã¨ã¤ã ã‘è‡ªå‹•åŒ–ã—ã¦ã‚„ã‚ã†ã€ ã˜ã‚ƒã€ã˜ã‚ƒã‚ï¼ã“ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ†ã‚¹ãƒˆã‚’è‡ªå‹•åŒ–ã—ã¦ãã ã•ã„ï¼ Chromeã§ https://kids.yahoo.co.jp/ ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ æ¤œç´¢ãƒ¯ãƒ¼ãƒ‰ã« ãã“ ã¨å…¥åŠ›ã—ã¦ ã•ãŒã™ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ æ¤œç´¢çµæžœã«ãƒã‚³ - Wikipedia ãŒå«ã¾ã‚Œã¦ã„ã‚‹ã“ã¨ã‚’ç¢ºèªã—ã¦ æ¤œç´¢çµæžœã« è²·ã„æ–¹ ã‚’è¿½åŠ ã—ã¦ ã•ãŒã™ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ æŽ¢ã—ã¦ã„ã‚‹ã®ã¯ã€ŒçŒ«ã®é£¼ã„æ–¹ã€ï¼Ÿã¨è¡¨ç¤ºã•ã‚Œã‚‹ã“ã¨ã‚’ç¢ºèªã—ã¦ ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨çŒ«ã®é£¼ã„æ–¹ã§å†æ¤œç´¢ã•ã‚Œã¦ æ¤œç´¢ãƒœãƒƒã‚¯ã‚¹ã‚’ä¸å€«ã§ä¸Šæ›¸ãã—ã¦ ã•ãŒã™ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ ã“ã®ãƒšãƒ¼ã‚¸ã¯è¡¨ç¤ºã§ãã¾ã›ã‚“ã¨å‡ºã¦ã„ã‚‹ã“ã¨ã‚’ç¢ºèª ã€Žã‚ˆã‹ã‚ã†â€¦â€¦ãŸã‚„ã™ã„é¡˜ã„ã ã€ ã¾ãšã¯ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¨åˆæœŸè¨å®šã‚’ã—ã¦ã‚„ã‚ã†â€¦â€¦ # [ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«] # CodeceptJSã¨Puppeteerã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã™ã€‚nodeã¨npmãŒå¿…è¦ã§ã™ã®ã§
moqada 2019/02/26
test

javascript
ãƒªãƒ³ã‚¯
E2Eãƒ†ã‚¹ãƒˆã®ãƒ†ã‚¹ãƒˆçµæžœã‚’å¯è¦–åŒ–ã™ã‚‹ã“ã¨ã§æ°—ã¥ããŒç”Ÿã¾ã‚ŒãŸ | ãƒ¡ãƒ«ã‚«ãƒªã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°
ãƒ¡ãƒ«ã‚«ãƒªã®è‡ªå‹•åŒ–ï¼†å“è³ªä¿è¨¼ã‚°ãƒ«ãƒ¼ãƒ—ï¼ˆAutomation & QA Groupï¼šé€šç§°AQAï¼‰ã® ãŠã‚ŒãŸã¾@AHA_oretama ã§ã™ã€‚ ç§ã¯æ™®æ®µã€ãƒ†ã‚¹ãƒˆè‡ªå‹•åŒ–ã‚„CI / CD ã‚’ä¸»ã«è¡Œã£ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯ã€AppiumÃ—Android E2Eãƒ†ã‚¹ãƒˆã®ãƒ†ã‚¹ãƒˆçµæžœã®è¦‹ã‚„ã™ã•ã‚’æ”¹å–„ã—ã€ãƒ†ã‚¹ãƒˆçµæžœã‚’å¯è¦–åŒ–ã™ã‚‹ã“ã¨ã§æ°—ã¥ããŒç”Ÿã¾ã‚ŒãŸè©±ã«ã¤ã„ã¦ã€ç´¹ä»‹ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ†ã‚¹ãƒˆçµæžœã®è¦‹ã‚„ã™ã•ã€å¯è¦–åŒ–ã®é‡è¦æ€§ã«ã¤ã„ã¦ ã„ã¾ä½¿ã£ã¦ã„ã‚‹ãƒ†ã‚¹ãƒˆãƒ¬ãƒãƒ¼ãƒˆã®èª²é¡Œ Allure Framework ä¸¦åˆ—åŒ–ã—ãŸåˆ†ã ã‘ãƒ¬ãƒãƒ¼ãƒˆã‚‚åˆ†ã‹ã‚Œã¦ã—ã¾ã†ã“ã¨ã¸ã®å¯¾å‡¦ ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒ¬ã‚³ãƒ¼ãƒ‰ä»¥å¤–ã®ã‚¢ã‚¿ãƒƒãƒãƒ¡ãƒ³ãƒˆã‚’è¿½åŠ ã™ã‚‹ã“ã¨ãŒã§ããªã„ã“ã¨ã¸ã®å¯¾å‡¦ éŽåŽ»ã®ãƒ†ã‚¹ãƒˆçµæžœã¨æ¯”è¼ƒã§ããªã„ã“ã¨ã¸ã®å¯¾å‡¦ ä»–ã®æ”¹å–„ç‚¹ ãƒ†ã‚¹ãƒˆã®ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ãŒè¦‹ãˆã‚‹ ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚è¡¨ç¤ºã§ãã‚‹ Looker ç”Ÿã¾ã‚ŒãŸæ°—ã¥ã èª²é¡Œ çµ‚ã‚ã‚Šã« ãƒ†ã‚¹ãƒˆçµæžœã®
moqada 2019/02/15
test

e2e

visualization

android
ãƒªãƒ³ã‚¯
Jestãªã©ã‚’ä½¿ã‚ãšã«ã‚¹ãƒŠãƒƒãƒ—ã‚·ãƒ§ãƒƒãƒˆãƒ†ã‚¹ãƒˆã‚’æ›¸ã
æ¬¡ã®ã‚ˆã†ãªãƒ†ã‚¹ãƒˆã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã¾ã™ã€‚(ã“ã‚Œã¯Mochaã‚’ä½¿ã£ã¦ã„ã¾ã™ãŒå¤§ä½“ã©ã‚“ãªãƒ†ã‚¹ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã‚‚åŒã˜ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚) æ¬¡ã®ã‚¹ãƒŠãƒƒãƒ—ã‚·ãƒ§ãƒƒãƒˆã§ã¯ã€transf ormã¨ã„ã†JSONã‚’å…¥åŠ›ã«å—ã‘å–ã‚Šã€JSONã‚’å‡ºåŠ›ã™ã‚‹é–¢æ•°ã‚’ãƒ†ã‚¹ãƒˆã—ã¦ã„ã¾ã™ã€‚ snapshot-test.js: const fs = require("fs"); const path = require("path"); const assert = require("assert"); const fixturesDir = path.join(__dirname, "snapshots"); // transf orm function const transf orm = require("../transf orm"); describe("Snapshot testing", () => { fs.readdirSy
moqada 2019/01/18
test

javascript
ãƒªãƒ³ã‚¯
3 ways to test mapStateToProps and mapDispatchToProps
You already know that you shouldn't actually test the result of calling connect (the connected component) - as Redux already makes sure the behaviour of connect is correct. Instead, you test your wrapped component separately, by exporting it as a named export. But what about mapStateToProps and mapDispatchToProps? This is custom code that could have bugs. The Redux docs donâ€™t really mention an off
moqada 2019/01/08
test

redux
ãƒªãƒ³ã‚¯
1å¹´é–“å˜ä½“ãƒ†ã‚¹ãƒˆã‚’æ›¸ãç¶šã‘ãŸç¾å ´ã‹ã‚‰é€ã‚‹ Vue Component ã®ãƒ†ã‚¹ãƒˆ / Vue Component Test - Speaker Deck
Vue Fes Japan 2018 ã® 1å¹´é–“å˜ä½“ãƒ†ã‚¹ãƒˆã‚’æ›¸ãç¶šã‘ãŸç¾å ´ã‹ã‚‰é€ã‚‹ Vue Component ã®ãƒ†ã‚¹ãƒˆ https://vuefes.jp/
moqada 2019/01/08
presentation

test

component

vue.js
ãƒªãƒ³ã‚¯
Storybookã®æ—¨å‘³ã‚’ã—ã‚ƒã¶ã‚Šå°½ãã™
æ ªå¼ä¼šç¤¾FOLIOã®ãƒ¡ãƒ³ãƒãƒ¼ã«ã‚ˆã‚‹ã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã§ã™ï¼ FOLIO Advent Calendar 2017: https://qiita.com/advent-calendar/2017/folio-secâ€¦ Storybookã‚’å–ã‚Šå…¥ã‚ŒãŸãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã§é–‹ç™ºã‚’è¡Œã£ãŸã¨ã“ã‚ã€Storybookã¯å˜ãªã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ãƒ„ãƒ¼ãƒ«ã§ã¯ãªãã€ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«å®Ÿè£…ã®ãŸã‚ã®ã‚¤ãƒ³ãƒ•ãƒ©ã§ã‚ã‚‹ã“ã¨ã‚’å®Ÿæ„Ÿã—ã¾ã—ãŸã€‚ ä¸‰åº¦ã©ã“ã‚ã˜ã‚ƒãªããŠã„ã—ã„ãªã¨æ„Ÿã˜ã¦ã„ã‚‹ã®ã§ã€å°Žå…¥ãŒã¾ã ãªã‚‰ã‚·ãƒ¥ãƒƒã¨å°Žå…¥ã—ã¦ã—ã‚ƒã¶ã‚Šã¤ãã—ã¦æ¬²ã—ã„ãªã¨æ€ã„ã¾ã—ãŸã€‚é–‹ç™ºãŒã‚ã‚‹ç¨‹åº¦é€²ã‚“ã§ã‹ã‚‰ã§ã‚‚å°ã•ãå°Žå…¥ã§ãã‚‹ã®ã§ã€äºˆã‚è€ƒãˆã¦ãŠãå¿…è¦ã®ã‚ã‚‹ã“ã¨ã¯ã‚ã¾ã‚Šç„¡ã„ã¨æ€ã„ã¾ã™ã€‚ä¸‰åº¦ãŠã„ã—ã„ã‚¹ãƒ©ã‚¤ãƒ‰ã¨å†…å®¹ãŒè¢«ã£ã¦ã„ã¾ã™ãŒã€ãŠã„ã—ã„ã‚‚ã®ã¯ãŠã„ã—ã„ã®ã§ä½•åº¦ã§ã‚‚ãŠã„ã—ã„ã“ã¨ã‚’ä¸»å¼µã—ã¦ã„ããŸã„ã¨ã„ã†æ€ã„ã§ã™ã€‚
moqada 2019/01/04
test

storybook

react
ãƒªãƒ³ã‚¯
FOLIOã®ç”»åƒå›žå¸°ãƒ†ã‚¹ãƒˆã®è£å´ â€“ Yosuke Kurami â€“ Medium
ã“ã‚Œã¯ FOLIO ã‚¢ãƒ‰ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼2018 ã®23æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ ã•ã¦ã€æ˜¨æ—¥ã®@minodiskã®è¨˜äº‹ã§ã‚‚è§¦ã‚Œã‚‰ã‚Œã¦ã„ã‚‹é€šã‚Šã€FOLIOã®Webãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ã¯Storybookã‚’ä¸å¿ƒã«æ®ãˆãŸç”»åƒå›žå¸°ãƒ†ã‚¹ãƒˆã‚’å®Ÿè·µã—ã¦ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€FOLIOã«ç”»åƒå›žå¸°ãƒ†ã‚¹ãƒˆã‚’å°Žå…¥ã™ã‚‹ãŸã‚ã«ã‚„ã£ã¦ããŸå–ã‚Šçµ„ã¿ã«ã¤ã„ã¦æ›¸ã„ã¦ã„ãã¾ã™ã€‚ å¤§ã¾ã‹ãªãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ç”»åƒå›žå¸°ãƒ†ã‚¹ãƒˆã®ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼ã‚’ç°¡å˜ã«èª¬æ˜Žã—ã¾ã™ã€‚ ã¾ãšã¯å¯¾è±¡ã¨ãªã‚‹ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«ã¤ã„ã¦Storybookã§Storyã‚’ç”¨æ„ã—ã¾ã™ã€‚
moqada 2019/01/04
react

test
ãƒªãƒ³ã‚¯
Storybook ã«ã‚ˆã‚‹ UI & Unit Testing ã®ã‚¹ã‚¹ãƒ¡ | ãƒ¡ãƒ«ã‚«ãƒªã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°
Mercari Advent Calendar 2018 19 æ—¥ç›®ã§ã™ã€‚ æ‹…å½“ã¯ãƒ¡ãƒ«ã‚«ãƒª JP ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒãƒ¼ãƒ ã® @nekobato ãŒãŠé€ã‚Šã—ã¾ã™ã€‚ ãƒ¡ãƒ«ã‚«ãƒª ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒãƒ¼ãƒ ã§ã¯ä¸»ã« React ã‚’åˆ©ç”¨ã—ã¦ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æ§‹ç¯‰ã‚’è¡Œã£ã¦ãŠã‚Šã€ ãã®ä¸ã®Web Rearchitecture ã§ã¯ Storybook ã«ã‚ˆã‚‹ UI Testing ã«å–ã‚Šçµ„ã‚“ã§ã„ã¾ã™ã€‚ ä»Šå›žã¯ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã® UI Testing ã¨ Unit Testing ã‚’ Storybook & Storyshots ã‚’åˆ©ç”¨ã—ã¦è¡Œã£ã¦ã„ã‚‹ã¨ã„ã†è©±ã‚’ã—ã¾ã™ã€‚ Storybook ã¨ã¯ Storybook ã¯å€‹åˆ¥ã® UI ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ãƒ–ãƒ©ã‚¦ã‚¸ãƒ³ã‚°ã™ã‚‹é–‹ç™ºç’°å¢ƒã‚’æ§‹ç¯‰ã™ã‚‹ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã§ã™ã€‚ å˜ç‹¬ã§ã¯ç›®è¦–ã«ã‚ˆã‚‹ UI ãƒ†ã‚¹ãƒˆã‚’å¯èƒ½ã«ã™ã‚‹ã®ã¿ã§ã™ãŒã€ã‚¢ãƒ‰ã‚ªãƒ³ã¨çµ„ã¿åˆã‚ã›ã‚‹ã“ã¨ã§æ§˜ã€…ãªãƒ†ã‚¹ãƒˆç’°å¢ƒã‚’æ§‹ç¯‰ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã«ãª
moqada 2018/12/25
react

ui

test

styleguide
ãƒªãƒ³ã‚¯
Screenshot testing with Angular
I introduced the following: - Why screenshot test - How to screenshot test using Storybook/Puppeteer/reg-suit
moqada 2018/11/11
angular

test

presentation
ãƒªãƒ³ã‚¯
stylelintã¨BackstopJSã§å®‰å…¨ã«cssã‚’æ›¸ã‘ã‚‹ç’°å¢ƒã‚’ä½œã£ãŸ - BASEãƒ—ãƒãƒ€ã‚¯ãƒˆãƒãƒ¼ãƒ ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€‚BASE ã§ Design Group ã«æ‰€å±žã—ã¦ã„ã‚‹ä¸‰ä½å’Œã§ã™ã€‚ä¸»ã« ãƒãƒƒãƒˆã‚·ãƒ§ãƒƒãƒ—ä½œæˆã‚µãƒ¼ãƒ“ã‚¹ã€ŒBASEã€ ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’æ‹…å½“ã—ã¦ã„ã¾ã™ã€‚ èƒŒæ™¯ BASE ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒãƒ¼ãƒ ã¯ã“ã“æœ€è¿‘ã§äººæ•°ãŒæ€¥æ¿€ã«å¢—ãˆã€æ´»å‹•ãŒæ´»ç™ºã«ãªã£ã¦ãã¦ãŠã‚Šã€ãã®ä¸ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ä¸€ã¤ã¨ã—ã¦ã€ç¾åœ¨ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã®åˆ·æ–°ã«å–ã‚Šçµ„ã‚“ã§ã„ã¾ã™ã€‚ ã—ã‹ã—ã€äººæ•°ãŒå¢—ãˆã¦ã„ãä¸€æ–¹ã§ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®ãƒ«ãƒ¼ãƒ«ã®çµ±ä¸€ã‚’ã‚³ãƒ¼ãƒ‰ãƒ¬ãƒ“ãƒ¥ãƒ¼ã‚„å€‹äººã®è£é‡ã«ä»»ã›ã¦ã„ãŸã‚Šã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‹ã‚‰ãƒªãƒªãƒ¼ã‚¹ã™ã‚‹ã¾ã§ã«æ™‚é–“ãŒã‹ã‹ã£ã¦ã—ã¾ã†ã“ã¨ãŒå•é¡Œã«ãªã£ã¦ãã¦ã„ã¾ã—ãŸã€‚ ãã“ã§ã€æ–°ã—ã„ã‚¹ã‚¿ã‚¤ãƒ«ã‚¬ã‚¤ãƒ‰ã§ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚„ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ä½œæ¥å·¥æ•°ã‚’çŸç¸®ã—ã€ã‚ˆã‚ŠåŠ¹çŽ‡ã‚ˆãé–‹ç™ºã‚’é€²ã‚ã‚‹ãŸã‚ã«ã€ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ«ãƒ¼ãƒ«ã®æ•´å‚™ã¨ãƒªã‚°ãƒ¬ãƒƒã‚·ãƒ§ãƒ³ãƒ†ã‚¹ãƒˆã‚’å°Žå…¥ã™ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸï¼ ã‚„ã£ãŸã“ã¨ stylelint ã‚’ä½¿ã£ã¦ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒ«ãƒ¼ãƒ«ã‚’ç®¡ç† BackstopJS ã§ãƒ†ã‚¹ãƒˆã‚’
moqada 2018/08/26
css

test
ãƒªãƒ³ã‚¯
React Storybookã‚’ä½¿ç”¨ã—ãŸVisual regression testingã®å°Žå…¥
å…¨ä½“ã®æµã‚Œ ã¾ãšã€ä»Šå›žä½¿ç”¨ã™ã‚‹ãƒ¡ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã§ã‚ã‚‹LOKIã¨REG-SUITã®ç´¹ä»‹ã‚’ã—ã¾ã™ã€‚ æ¬¡ã«ç›®æŒ‡ã™å…¨ä½“åƒã‚’å…±æœ‰ã—ã€æœ€å¾Œã«ãã‚Œã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã®æ–¹æ³•ã‚’èª¬æ˜Žã—ã¾ã™ã€‚ åˆ©ç”¨æŠ€è¡“ã®èª¬æ˜Ž LOKI Visualized Testã‚’å®Ÿæ–½ã™ã‚‹ãŸã‚ã«ã¯Storybookã®ãƒšãƒ¼ã‚¸ã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã€ã‚ãƒ£ãƒ—ãƒãƒ£ã™ã‚‹ä»•çµ„ã¿ãŒå¿…è¦ã§ã™ã€‚ ã“ã®æ©Ÿèƒ½ã‚’æŒã£ãŸãƒ„ãƒ¼ãƒ«ãŒLOKIã§ã™ã€‚ ä¸Šè¨˜ã« Visual Regression Testing for Storybook ã¨ã‚ã‚‹é€šã‚Šã€LOKIã¯ãƒªã‚°ãƒ¬ãƒƒã‚·ãƒ§ãƒ³ãƒ†ã‚¹ãƒˆã¾ã§å®Ÿæ–½ã™ã‚‹ã“ã¨ã®ã§ãã‚‹ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ ã—ã‹ã—ã€ä»¥ä¸‹ã®ç†ç”±ã‹ã‚‰å·®åˆ†æ¯”è¼ƒéƒ¨åˆ†ã¯åˆ¥ã®ãƒ„ãƒ¼ãƒ«ã‚’ä½¿ã†ã“ã¨ã«ã—ã¦ã„ã¾ã™ã€‚ ç”»åƒã‚’Gitã«ã‚³ãƒŸãƒƒãƒˆã—ãªãã¦ã¯ã„ã‘ãªã„ å‡ºåŠ›çµæžœãŒç”»åƒã®ã¿ã®ãŸã‚çµæžœãŒä¸€ç›®ã§åˆ†ã‹ã‚‰ãªã„ å·®åˆ†ã®è¡¨ç¤ºæ–¹æ³•ãŒå¥½ã¿ã§ã¯ãªã„ REG-SUIT CUIã§Visual regression testingã‚’å®Ÿæ–½ã™ã‚‹ãƒ„
moqada 2018/07/04
test

react

visual
ãƒªãƒ³ã‚¯
Visual Regression Testing and React Storybook
moqada 2018/07/04
react

test

visual
ãƒªãƒ³ã‚¯
Storybookã¨reg-suitã§æ°—è»½ã«ã¯ã˜ã‚ã‚‹Visual Regression Testing
ç´„åŠå¹´å‰ã«ã€ŒPuppeteer ã‚’ä½¿ã£ãŸ Storybook ã®è‡ªå‹•ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆæ’®å½±ç”¨ã®ã‚¢ãƒ‰ã‚ªãƒ³ã‚’ä½œã£ãŸã€ã¨ã„ã†è¨˜äº‹ã‚’æ›¸ãã¾ã—ãŸã€‚ã“ã®æ™‚ storybook-chrome-screenshot ã¨ã„ã†ã‚¢ãƒ‰ã‚ªãƒ³ã‚’ä½œã£ã¦å…¬é–‹ã—ãŸç´¹ä»‹ã§ã—ãŸã€‚ å½“åˆã¯ React ã®ã¿ã®ã‚µãƒãƒ¼ãƒˆã ã£ãŸã®ã§ã™ãŒç¶™ç¶šçš„ã«æ‰‹ã‚’åŠ ãˆã¦ã„ã¦ã€æœ€è¿‘ Angular ã¨ Vue.js ã¸ã®ã‚µãƒãƒ¼ãƒˆãŒå®Œäº†ã—ãŸã‚Šã€æ©Ÿèƒ½çš„ã«ã‚‚å¤§åˆ†å®Ÿç”¨çš„ã«ãªã£ã¦ãã¾ã—ãŸã€‚ ãã“ã§ä»Šå›žã¯ã€storybook-chrome-screenshot ã¨ reg-viz/reg-suit ã‚’ä½¿ã£ã¦ Visual Regression Testing (è¦–è¦šå›žå¸°ãƒ†ã‚¹ãƒˆ) ã‚’å°Žå…¥ã—ã¦ã€ã‚ã‚ŠãŒãŸã¿ã‚’æ„Ÿã˜ã‚‹ã¨ã“ã‚ã¾ã§ã‚’æ›¸ã„ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã ã‚‰ã ã‚‰æ›¸ã„ã¦ã„ãŸã‚‰æ€ã£ã¦ã„ãŸã‚ˆã‚Šã‚‚é•·ããªã£ã¦ã—ã¾ã£ãŸã®ã§ã€å„ç¨®ãƒ„ãƒ¼ãƒ«ã®ã‚»ãƒƒãƒˆã‚¢ãƒƒãƒ— ã ã‘ã§å……åˆ†ã¨ã„ã†æ–¹ã¯èªã¿é£›ã°ã—ã¦
moqada 2018/07/04
react

test

visual
ãƒªãƒ³ã‚¯
GitHub - akameco/reducer-tester: Utilities for testing redux reducers
moqada 2018/04/25
redux

test
ãƒªãƒ³ã‚¯
GitHub - jest-community/snapshot-diff: Diffing snapshot utility for Jest
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
moqada 2018/04/25
jest

test

javascript
ãƒªãƒ³ã‚¯
ã©ã®ã‚ˆã†ã«reduxã®reducerã®ãƒ†ã‚¹ãƒˆã‚’æ›¸ãã‹ï¼Ÿ
reduxã«ãŠã„ã¦reducerã®ãƒ†ã‚¹ãƒˆã¯é‡è¦æ€§ãŒé«˜ãã€èª°ã‚‚ãŒãƒ†ã‚¹ãƒˆã‚’ã—ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ä»Šå›žã¯ãã®æ–¹æ³•ã‚’è¦‹ã¦ã„ãã“ã¨ã«ã—ã¾ã™ã€‚ æœ€è¿‘ã§ã¯ãƒ†ã‚¹ãƒˆã¯ã»ã¨ã‚“ã© Jest ãŒä½¿ã‚ã‚Œã¦ã„ã‚‹ã®ã§ã€Jest ã‚’å‰æã¨ã—ã¾ã™ãŒã€ä»–ã®ãƒ†ã‚¹ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½¿ã£ã¦ã„ã‚‹å ´åˆã¯é©å®œèªã¿æ›¿ãˆã¦ãã ã•ã„ã€‚ æº–å‚™ ã¨ã‚Šã‚ãˆãšç°¡å˜ãª redux ã®ã‚³ãƒ¼ãƒ‰ã‚’ç”¨æ„ã—ã¾ã™ã€‚ç¾ç’°å¢ƒã§åž‹ãŒãªã„ç’°å¢ƒã§ã‚ã‚‹ã“ã¨ã¯å°‘ãªã„ã§ã—ã‚‡ã†ã‹ã‚‰ã€flow ã‚’ä½¿ã„ã¾ã™ã€‚TypeScript ã‚’ä½¿ã£ã¦ã„ã‚‹ã®ã§ã‚ã‚Œã°é©å®œèªã¿æ›¿ãˆã¦ãã ã•ã„ã€‚ akameco/how-to-test-reducers // @flow type Exact<T> = T & $Shape<T> type State = { count: number, text: string } type Action = | { type: 'inc' } | { type: 'd
moqada 2018/04/25
redux

test
ãƒªãƒ³ã‚¯
ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®è² å‚µã¨å‘ãåˆã† - mizchi's blog
æŸæ‰€ã§æ›¸ã„ãŸã‚‚ã®ã‚’å…¬é–‹ç”¨ã«æ›¸ãç›´ã—ãŸã‚‚ã® å‰æ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§TDDã¯é›£ã—ã„ã€ã¨ã„ã†ã‹ã»ã¼ä¸å¯èƒ½ã§ã‚ã‚‹ã€‚ãªãœãªã‚‰äº‹å‰ã«å‰¯ä½œç”¨ã‚’ãƒ‡ãƒ¼ã‚¿ã¨ã—ã¦è¡¨ç¾ã§ãã‚‹ã‹ä¸æ˜Žã ã‹ã‚‰ã ã€‚ãŸã¨ãˆã°ã‚ãªãŸã®ãƒ—ãƒãƒ€ã‚¯ãƒˆã®ç”»é¢ã®ä½•å‡¦ã‹ã«ãƒœã‚¿ãƒ³ã‚’è¿½åŠ ã™ã‚‹ãŸã‚ã«ã€ãã®å†…éƒ¨è¡¨ç¾ã‚’äº‹å‰ã«æ€ã„æµ®ã‹ã¹ã‚‹ã“ã¨ãŒå¯èƒ½ã ã‚ã†ã‹ï¼Ÿ react-redux ãªã©ã®Fluxãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯å¦‚ä½•ã«å‰¯ä½œç”¨ã‚’ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã¨ã—ã¦è¡¨ç¾ã™ã‚‹ã“ã¨ã§ã€ãƒ†ã‚¹ãƒˆãƒ»ãƒ‡ãƒãƒƒã‚°ã®ãŸã‚ã®æƒ…å ±ã‚’æ®‹ã™ã‹ã€ã¨ã„ã†è¦–ç‚¹ã§ç™ºå±•ã—ã¦ããŸå´é¢ãŒã‚ã‚‹ã€‚ã‚ã®å†—é•·ãªã‚¢ã‚¯ã‚·ãƒ§ãƒ³å®šç¾©ã¯ã€å…¨ã¦ãƒ‡ãƒãƒƒã‚°ã®ãŸã‚ã«æ›¸ã„ã¦ã„ã‚‹ã¨è¨€ã£ã¦ã‚‚ã€éŽè¨€ã§ã¯ãªã„ã€‚ãã‚Œã™ã‚‰ã€ŒTextã¯æ–‡å—ãŒã‚ã‚‹ã€ã¨ã„ã£ãŸãƒˆãƒ¼ãƒˆãƒã‚¸ãƒ¼ãªãƒ‡ãƒ¼ã‚¿ã«ãªã‚ŠãŒã¡ã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ç¾å®Ÿçš„ãªå˜ä½“ãƒ†ã‚¹ãƒˆã¯ã€ä»–ã®é–‹ç™ºè€…ã®ãŸã‚ã«ã€è‡ªåˆ†ãŒæ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ã®è¦æ±‚ã‚’æº€ãŸã—ã¦ã„ã‚‹ã‹æ¤œçŸ¥ã™ã‚‹æ‰‹æ®µã¨ã—ã¦ã€é˜²è¡›çš„ã«ãƒ†ã‚¹ãƒˆã‚¢ãƒ•ã‚¿ãƒ¼ã—ã¦ãŠãã€‚ã“ã‚Œãã‚‰ã„ã—ã‹ç¾å®Ÿçš„ãªæ‰‹æ³•ãŒãªã„
moqada 2018/03/14
javascript

column

test

team
ãƒªãƒ³ã‚¯
GitHub - americanexpress/jest-image-snapshot: âœ¨ Jest matcher for image comparisons. Most commonly used for visual regression testing.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
moqada 2018/03/04
jest

test

react
ãƒªãƒ³ã‚¯
React Nativeã‚¢ãƒ•ã‚šãƒªã¦ã‚™E2Eãƒ†ã‚¹ãƒˆã‚’å›žã—ã¦ã¿ãŸ
æ±äº¬Nodeå¦åœ’ç¥ 2017 Nov 25 React Nativeã‚¢ãƒ—ãƒªã§ã€ŒE2Eã‚„ã£ã¦ã¿ã‚ˆã†ã€ã¨æ€ã„å®Ÿè¡Œã«ç§»ã—ãŸè©± E2Eãƒ†ã‚¹ãƒˆã‚„ã£ã¦ã¿ã‚ˆã†ã‹ãªã€ã¨æ€ã£ã¦ã„ã‚‹äººã‚’æƒ³å®š
moqada 2017/11/28
react-native

presentation

e2e

test
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 9 10 æ¬¡ã®ãƒšãƒ¼ã‚¸