inflearn logo
็Ÿฅ่ญ˜ๅ…ฑๆœ‰
inflearn logo

ๅฎŸๅ‹™ใซ็›ดๆŽฅ้ฉ็”จใ™ใ‚‹ใƒ•ใƒญใƒณใƒˆใ‚จใƒณใƒ‰ใƒ†ใ‚นใƒˆ - ใƒ‘ใƒผใƒˆ2ใ€‚ใƒ†ใ‚นใƒˆๆทฑๅŒ–๏ผš่ฆ–่ฆš็š„ๅ›žๅธฐใƒปE2Eใƒ†ใ‚นใƒˆ

ใ“ใฎใƒฌใƒƒใ‚นใƒณใงใฏใ€ๅ…จไฝ“็š„ใชใƒ•ใƒญใƒณใƒˆใ‚จใƒณใƒ‰ใƒ†ใ‚นใƒˆใฎ็จฎ้กžใ‚’ๆŠŠๆกใ—ใ€็Šถๆณใซๅฟœใ˜ใŸ้ฉๅˆ‡ใชใƒ†ใ‚นใƒˆใ‚’้ธๆŠžใ—ใฆไฟก้ ผใงใใ‚‹ใƒ†ใ‚นใƒˆใ‚’ไฝœๆˆใ™ใ‚‹ๆ–นๆณ•ใ‚’ๅญฆใณใพใ™ใ€‚

้›ฃๆ˜“ๅบฆ ๅˆ็ดš

ๅ—่ฌ›ๆœŸ้–“ ็„กๅˆถ้™

Software Test
Software Test
JavaScript
JavaScript
e2e
e2e
vitest
vitest
chromatic
chromatic
Software Test
Software Test
JavaScript
JavaScript
e2e
e2e
vitest
vitest
chromatic
chromatic

ใŠ็Ÿฅใ‚‰ใ›

3 ไปถ

  • hanjungv๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

    ใ“ใ‚“ใซใกใฏ๏ผ
    ่ฌ›็พฉใŒใƒชใƒชใƒผใ‚นใ•ใ‚Œใ€ใ“ใ“ๆ•ฐใƒถๆœˆ้–“ใ€vitestใ€storybookใ€cypressใฎใƒใƒผใ‚ธใƒงใƒณใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใŒใ‚ใ‚Šใพใ—ใŸใ€‚

    ๅฎŸ้š›ใซ่จญๅฎšใ‚„ไฝœๆˆๆ–นๆณ•ใŒๅคงๅน…ใซๅค‰ๆ›ดใ•ใ‚ŒใŸ้ƒจๅˆ†ใŒใชใใ€ใ™ใฐใ‚„ใใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใฏใ•ใ›ใพใ›ใ‚“ใงใ—ใŸใŒใ€่จญๅฎšใซๅฝน็ซ‹ใคใ‚ˆใ†ใซใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใ—ใฆใŠใใพใ—ใŸใ€‚

    ๅคงๅน…ใซๅค‰ๆ›ดใ•ใ‚ŒใŸๅ†…ๅฎนใฏstorybook-addon-react-router-v6ไพๅญ˜ใ‚’storybook-addon-remix-react-routerใซๅค‰ๆ›ดใ•ใ‚ŒใฆใŠใ‚Šใ€ๅคงใใๅค‰ใ‚ใฃใŸๅ†…ๅฎนใฏใ‚ใ‚Šใพใ›ใ‚“ใฎใงใ”ๅ‚่€ƒใใ ใ•ใ„ใ€‚

    ๆฎ‹ใ‚Šใฎใƒฉใ‚คใƒ–ใƒฉใƒชไพๅญ˜ใฎๅค‰ๅŒ–ใซใฏไปฅไธ‹ใฎๅ†…ๅฎนใŒใ‚ใ‚Šใพใ™ใ€‚

    • node: 19 -> 20

    • vitest: 0 -> 2

    • storybook: 7 -> 8

    • cypress: 12 -> 13

    • ใ‚ขใ‚ฏใ‚ทใƒงใƒณใƒใƒผใ‚ธใƒงใƒณใฎๆ›ดๆ–ฐ

    latestใƒ–ใƒฉใƒณใƒใง็ขบ่ชใงใใพใ™ใฎใงๅ‚่€ƒใซใ—ใฆใใ ใ•ใ„๏ผ

    ใ•ใ‚‰ใซๆ™‚้–“ใŒ็ตŒใคใซใคใ‚ŒใฆRQใฎใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใ‚„ใƒ—ใƒญใ‚ธใ‚งใ‚ฏใƒˆๆง‹้€ ใฎ้ƒจๅˆ†ใ‚‚ๆ”นๅ–„ใŒๅฟ…่ฆใชๅ ดๅˆใฏใ€testใƒ–ใƒฉใƒณใƒใซใ‚ขใƒƒใƒ—ใƒญใƒผใƒ‰ใ—ใฆใ‹ใ‚‰ๅ†ๅบฆๆŒจๆ‹ถใ™ใ‚‹ใ‚ˆใ†ใซใ—ใพใ™ใ€‚

    ใงใฏใ€ๆฅฝใ—ใ„ใŠ็ฅใ„ใซใชใฃใฆใŠไผ‘ใฟใใ ใ•ใ„ใ€‚ใ‚ใ‚ŠใŒใจใ†ใ”ใ–ใ„ใพใ™๏ผ

    0
  • hanjungv๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

    ใ“ใ‚“ใซใกใฏ๏ผ่ฌ›็พฉใง็ดนไป‹ใ—ใฆใ„ใ‚‹mswใฎใ‚ขใƒƒใƒ—ใƒ‡ใƒผใƒˆใŒใ‚ใ‚Šใ€ๅ…ฑๆœ‰ใ—ใพใ™ใ€‚

    msw 2.0ใŒใƒชใƒชใƒผใ‚นใ•ใ‚Œใฆใ‹ใ‚‰3ใƒถๆœˆใปใฉใซใชใ‚Šใพใ—ใŸใ€‚่ฌ›็พฉๆ’ฎๅฝฑใ‚’็ต‚ใˆใ‚‹้€”ไธญใซ็™บๅฃฒใ•ใ‚Œใฆๅฐ‘ใ—ๆˆธๆƒ‘ใ„ใพใ—ใŸใŒ( ๐Ÿ˜‡ ) ใ‚ใ‚‹็จ‹ๅบฆๅฎ‰ๅฎšใ—ใŸใ‚‰ใ‚ณใƒผใƒ‰ใ‚’ๆ›ดๆ–ฐใ—ใฆๅ…ฑๆœ‰ใ‚’ๅทฎใ—ไธŠใ’ใ‚‹ไบˆๅฎšใงใ—ใŸใ€‚

    ๆŠฝ่ฑกๅŒ–ใƒฌใƒ™ใƒซใŒๅค‰ใ‚ใ‚‹ใซใคใ‚Œใฆใ€APIไป•ๆง˜ใŒๅคงใ€…็š„ใซๅค‰ใ‚ใ‚Šใ€ReadableStreamใธใฎใ‚ตใƒใƒผใƒˆใ€ESMไบ’ๆ›ใชใฉใฎๅ†…ๅฎนใŒ่ฟฝๅŠ ใ•ใ‚Œใพใ—ใŸใ€‚ไธ€่ฆ‹ใ™ใ‚‹ใจๅคงใใๅค‰ใ‚ใฃใŸใ‚ˆใ†ใซ่ฆ‹ใˆใพใ™ใŒใ€ๆ€ใฃใŸใ‚ˆใ‚Šๅค‰ๅŒ–ใฏๅคงใใใชใๅ€‹ไบบ็š„ใซไฝฟใฃใฆใฟใ‚‹ใ‹ใ‚‰ใšใฃใจๆ˜Ž็ขบใซใชใฃใฆใ‚ˆใ‹ใฃใŸใงใ™ใญ๏ผ

    ่ฌ›็พฉใ‚’ๅ—่ฌ›ใ•ใ‚Œใ‚‹ๆ–นใ€…ใŒๆททไนฑใ—ใชใ„ใ‚ˆใ†ใซใƒ–ใƒฉใƒณใƒใ‚’ๅˆ†ใ‘ใฆๆ›ดๆ–ฐใ—ใพใ—ใŸใฎใงใ€ๅ†…ๅฎนใ‚’ๅ‚่€ƒใซใ—ใฆไธ€็ท’ใซๅ‹‰ๅผทใ—ใฆใฟใฆใใ ใ•ใ„ใ€‚

    ใงใฏใ€ๆ—ฅใŒๅฏ’ใใชใฃใŸใฎใซ้ขจ้‚ชใซๆฐ—ใ‚’ใคใ‘ใฆ่‰ฏใ„ไธ€ๆ—ฅใซใชใฃใฆใใ ใ•ใ„๏ผ


    โš ใพใ msw-storybook-addonใฎใ‚ตใƒใƒผใƒˆใŒๅฎŒ็’งใซ่กŒใ‚ใ‚Œใฆใ„ใชใ„็Šถๆ…‹ใชใฎใงใ€ใ‚ซใƒŠใƒชใƒผใƒใƒผใ‚ธใƒงใƒณใ‚’้ฉ็”จใ—ใŸ็‚นใ‚’ใ”ไบ†ๆ‰ฟใใ ใ•ใ„ใ€‚

    0
  • hanjungv๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€

    ใ“ใ‚“ใซใกใฏ๏ผๅฎŸๅ‹™ใซใ™ใใซ้ฉ็”จใ™ใ‚‹ใƒ•ใƒญใƒณใƒˆใ‚จใƒณใƒ‰ใƒ†ใ‚นใƒˆ่ฌ›็พฉ่ฌ›ๅธซใ‚ณใƒผใƒ‰ใ‚ธใƒงใƒผใ‚ซใƒผใƒปใ‚ชใƒ•ใงใ™ใ€‚

    ใ‚ใ„ใ•ใคใŒๅฐ‘ใ—้…ใ‹ใฃใŸใ€‚
    ๅ…ˆ่ผฉใจๅŒๅƒšใฎ้–‹็™บ่€…ใฎ็š†ๆง˜ใ€ๆ˜Žใ‘ใพใ—ใฆใŠใ‚ใงใจใ†ใ”ใ–ใ„ใพใ™ใ€‚ ๐Ÿ™‡
    ่ฌ›็พฉใŒ็™บๅฃฒใ•ใ‚Œใฆใ‹ใ‚‰ใ€ใ„ใคใฎใพใซใ‹ๆœˆใ‚’ๆŽงใˆใฆใŠใ‚Šใ€ 350ๅˆ†ไปฅไธŠไธ€็ท’ใซใƒ•ใƒญใƒณใƒˆใ‚จใƒณใƒ‰ใƒ†ใ‚นใƒˆใซใคใ„ใฆๅ‹‰ๅผทใ—ใฆใ„ใพใ™ใ€‚
    ใŠ้ธใณใ„ใŸใ ใใ‚ใ‚ŠใŒใจใ†ใ”ใ–ใ„ใพใ™๏ผ

    ใ‚‚ใ—่ฌ›็พฉใ‚’ๅ—่ฌ›ใ—ใชใŒใ‚‰ๆ‚ฉใฟใซใชใ‚‹้ƒจๅˆ†ใŒ็”Ÿใ˜ใฆใ„ใพใ›ใ‚“ใ‹๏ผŸ
    ใ ใจใ—ใŸใ‚‰ใ€ใ‚ณใƒŸใƒฅใƒ‹ใƒ†ใ‚ฃใซไผผใŸๆ‚ฉใฟใ‚’ใ—ใฆใ„ใ‚‹ๆ–นใŒใ„ใ‚‹ใ‹ใฉใ†ใ‹ใ€ไธ€ๅบฆ่ฆ‹ใฆใฟใ‚‹ใจใ„ใ„ใจๆ€ใ„ใพใ™ใ€‚
    ใใ†ใงใชใ„ๅ ดๅˆใฏใ€ๅฟซ้ฉใซ่ณชๅ•ใ—ใฆใใ ใ•ใ„๏ผใงใใ‚‹ใ ใ‘ๆ—ฉใ็ขบ่ชใ—ใฆๅ›ž็ญ”ใ•ใ›ใฆใ„ใŸใ ใใพใ™ใ€‚
    ๏ผˆใ“ใ‚Œใพใงใ™ในใฆใฎ่ณชๅ•ใซๅ›ž็ญ”ใ‚’12ๆ™‚้–“ไปฅๅ†…ใซ้€ฒใ‚ใฆใ„ใพใ™ใ€‚๏ผ‰
    ใ™ใงใซๅคšใใฎๆ–นใŒ่ณชๅ•ใ‚’ๆฎ‹ใ—ใฆใใ‚Œใพใ—ใŸใ€‚
    ไธ€็ท’ใซๆ‚ฉใ‚“ใงใฟใ‚‹่ณชๅ•ใ‚‚่ผ‰ใ›ใฆใใ ใ•ใฃใฆๅ‹‰ๅผทใ—ใชใŒใ‚‰ไธ€็ท’ใซ่ฆ‹ใฆใฟใ‚‹ใจๅฝนใซ็ซ‹ใคใ‚ˆใ†ใงใ™ใ€‚
    ๏ผˆ ๐Ÿ’กใ‚ˆใ่ณชๅ•ใŒใ‚ใ‚‹ๅ ดๅˆใฏใ€ไธ€็ท’ใซๅ…ฑๆœ‰ใ™ใ‚‹ใ“ใจใ‚’ๅฟƒ้…ใ—ใฆใฟใพใ—ใ‚‡ใ†ใ€‚๏ผ‰

    • ่ณชๅ•ใ‚’่ฆ‹ใ‚‹๏ผš https ://bit.ly/3NWe78i

    ่ฌ›็พฉใŒๅฅฝใใชๆ–นใฏๆ˜ฏ้žๅ—่ฌ›่ฉ•ใ‚’ใŠ้ก˜ใ„ใ—ใพใ™ใ€‚
    ใ“ใฎ่ฌ›็พฉใŒ็š†ใ•ใ‚“ใŒใƒ•ใƒญใƒณใƒˆใ‚จใƒณใƒ‰ๅญฆ็ฟ’ใซใœใฒๅฝนใซ็ซ‹ใฆใฐๅนธใ„ใงใ™ใ€‚
    ใใ‚Œใงใฏใ€่‰ฏใ„ไธ€ๆ—ฅใ‚’้Žใ”ใ—ใฆใใ ใ•ใ„๏ผ ๐Ÿ‘‹

    0

๏ฟฅ8,507