Https://github.com/storybooks/storybook/tree/master/packages/storyshots рдкрд░ рд╡рд┐рд╡рд░рдг рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдЧрдП рдФрд░ рдЗрд╕рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдЕрдиреБрд╕рд░рдг рдХрд┐рдпрд╛ред
рд╡рд┐рд╡рд░рдг рдХреЗ рд╕рд╛рде рдХреЛрдИ рдкреНрд░реЗрдо рдирд╣реАрдВ рд╣реИред
`рдЬреЗрд╕реНрдЯ рдХреЗ рд▓рд┐рдП рдЕрдкрдиреЗ рдПрдкреНрд▓рд┐рдХреЗрд╢рди рдХреЛ рдХреЙрдиреНрдлрд╝рд┐рдЧрд░ рдХрд░реЗрдВ
рдЖрдорддреМрд░ рдкрд░, рдЖрдкрдиреЗ рдкрд╣рд▓реЗ рд╣реА рдпрд╣ рдЪрд░рдг рдкреВрд░рд╛ рдХрд░ рд▓рд┐рдпрд╛ рд╣реЛрдЧрд╛ред рдпрджрд┐ рдирд╣реАрдВ, рддреЛ рдпрд╣рд╛рдВ рдЖрдкрдХреЗ рд▓рд┐рдП рдХреБрдЫ рд╕рдВрд╕рд╛рдзрди рд╣реИрдВред
рдпрджрд┐ рдЖрдк рдХреНрд░рд┐рдПрдЯ рд░рд┐рдПрдХреНрдЯ рдРрдк рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реЗ рд╣реИрдВ, рддреЛ рдпрд╣ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдЬреЗрд╕реНрдЯ рдХреЗ рд▓рд┐рдП рдХреЙрдиреНрдлрд╝рд┐рдЧрд░ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред рдЖрдкрдХреЛ рдПрдХреНрд╕рдЯреЗрдВрд╢рди .test.js рдХреЗ рд╕рд╛рде рдХреЗрд╡рд▓ рдПрдХ рдлрд╝рд╛рдЗрд▓ рдирд╛рдо рдмрдирд╛рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИред
рдЕрдиреНрдпрдерд╛ рдЗрд╕ Egghead рд╕рдмрдХ рдХреА рдЬрд╛рдБрдЪ рдХрд░реЗрдВред
Storyshots рдХреЙрдиреНрдлрд╝рд┐рдЧрд░ рдХрд░реЗрдВ
Storyshots.test.js рдирд╛рдо рд╕реЗ рдПрдХ рдирдИ рдкрд░реАрдХреНрд╖рдг рдлрд╝рд╛рдЗрд▓ рдмрдирд╛рдПрдБред (рдпрд╛ рдЬреЛ рднреА рдирд╛рдо рдЖрдкрдХреЛ рдкрд╕рдВрдж рд╣реЛ)ред рдлрд┐рд░ рдЗрд╕рдореЗрдВ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рд╕рд╛рдордЧреНрд░реА рдЬреЛрдбрд╝реЗрдВ:
'рдХрд╣рд╛рдиреА' рд╕реЗ рдЖрдпрд╛рдд initStoryshots;
initStoryshots ();
рдмрд╕ рдЗрддрдирд╛ рд╣реАред
рдЕрдм рдЕрдкрдиреЗ рдЬреЗрд╕реНрдЯ рдЯреЗрд╕реНрдЯ рдХрдорд╛рдВрдб рдХреЛ рдЪрд▓рд╛рдПрдВред (рдЖрдорддреМрд░ рдкрд░, npm рдкрд░реАрдХреНрд╖рдгред) рддрдм рдЖрдк рджреЗрдЦ рд╕рдХрддреЗ рд╣реИрдВ рдХрд┐ рдЖрдкрдХреА рд╕рднреА рдХрд╣рд╛рдирд┐рдпрд╛рдБ рдЬреЗрд╕реНрдЯ рд╕реНрдиреИрдкрд╢реЙрдЯ рдкрд░реАрдХреНрд╖рдг рдХреЗ рд░реВрдк рдореЗрдВ рдкрд░рд┐рд╡рд░реНрддрд┐рдд рд╣реЛ рдЧрдИ рд╣реИрдВ
рд╡рд┐рдлрд▓ред \ Storyshots.test.js
тЧП рдЯреЗрд╕реНрдЯ рд╕реВрдЯ рдЪрд▓рд╛рдиреЗ рдореЗрдВ рд╡рд┐рдлрд▓ рд░рд╣рд╛
evalmachine.<anonymous>:1
(function (exports, require, module, __filename, __dirname) { import { configure } from '@kadira/storybook';
^^^^^^
SyntaxError: Unexpected token import
at createScript (vm.js:56:10)
at Object.runInThisContext (vm.js:97:10)
at runWithRequireContext (node_modules\storyshots\dist\require_context.js:103:37)
at testStorySnapshots (node_modules\storyshots\dist\index.js:72:35)
at Object.<anonymous> (Storyshots.test.js:2:52)
рдЯреЗрд╕реНрдЯ рд╕реВрдЯ: 1 рдЕрд╕рдлрд▓, 1 рдЙрддреНрддреАрд░реНрдг, 2 рдХреБрд▓
рдЯреЗрд╕реНрдЯ: 1 рдЙрддреНрддреАрд░реНрдг, 1 рдХреБрд▓
рд╕реНрдиреИрдкрд╢реЙрдЯ: 0 рдХреБрд▓
рд╕рдордп: рей.рекрезреи s
рд╕рднреА рдкрд░реАрдХреНрд╖рдг рд╕реВрдЯ рднрд╛рдЧрд╛ред
рдЖрдк рдЗрд╕реЗ .babelrc
рдлрд╝рд╛рдЗрд▓ рдореЗрдВ .storybook
рдлрд╝реЛрд▓реНрдбрд░ рдмрдирд╛рдХрд░ рдареАрдХ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдЬрд┐рд╕рдореЗрдВ рдкреНрд░реАрд╕реЗрдЯ create-react-app
рдЙрдкрдпреЛрдЧ рд╣реЛрддрд╛ рд╣реИ:
{
"presets": ["es2015", "react"]
}
рдХреНрдпрд╛ рдЗрд╕ рддрд░рд╣ рдХреЗ рдмрдмрд▓реНрд╕ рдХреЙрдиреНрдлрд┐рдЧ рдХреЛ рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП? рдпрджрд┐ рдирд╣реАрдВ, рддреЛ рд╣рдореЗрдВ рдирд┐рд╢реНрдЪрд┐рдд рд░реВрдк рд╕реЗ рдЗрд╕рдХрд╛ рджрд╕реНрддрд╛рд╡реЗрдЬреАрдХрд░рдг рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдПред
рд╕рдВрдкрд╛рджрд┐рдд рдХрд░реЗрдВ: рдЗрд╕реЗ рдмрдВрдж рдХрд░рдирд╛, # 880 рдХрд╛ рдбреБрдкреНрд▓рд┐рдХреЗрдЯред
рдореИрдВ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЗрд╕ рдореБрджреНрджреЗ рдкрд░ рдЪрд▓ рд░рд╣рд╛ рд╣реВрдБред рд░рд┐рдХреЙрд░реНрдб рдХреЗ рд▓рд┐рдП, рдореИрдВ CRA рдХрд╛ рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред рдореИрдВрдиреЗ рдЬреЛ рдХреБрдЫ рд╕реБрдЭрд╛рдпрд╛ рдерд╛, рдЙрд╕рдХреЗ рд╕рд╛рде .storybook
.babelrc
рдлрд╝рд╛рдЗрд▓ рдмрдирд╛рдИред рдЗрд╕рд╕реЗ рдХреЛрдИ рдлрд░реНрдХ рдирд╣реАрдВ рдкрдбрд╝рд╛ред рдХреНрдпрд╛ рдЙрд╕ рдлрд╝рд╛рдЗрд▓ рдкрд░ рдзреНрдпрд╛рди рджреЗрдиреЗ рдХреЗ рд▓рд┐рдП babel
рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ?
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
рдореИрдВ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЗрд╕ рдореБрджреНрджреЗ рдкрд░ рдЪрд▓ рд░рд╣рд╛ рд╣реВрдБред рд░рд┐рдХреЙрд░реНрдб рдХреЗ рд▓рд┐рдП, рдореИрдВ CRA рдХрд╛ рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред рдореИрдВрдиреЗ рдЬреЛ рдХреБрдЫ рд╕реБрдЭрд╛рдпрд╛ рдерд╛, рдЙрд╕рдХреЗ рд╕рд╛рде
.storybook
.babelrc
рдлрд╝рд╛рдЗрд▓ рдмрдирд╛рдИред рдЗрд╕рд╕реЗ рдХреЛрдИ рдлрд░реНрдХ рдирд╣реАрдВ рдкрдбрд╝рд╛ред рдХреНрдпрд╛ рдЙрд╕ рдлрд╝рд╛рдЗрд▓ рдкрд░ рдзреНрдпрд╛рди рджреЗрдиреЗ рдХреЗ рд▓рд┐рдПbabel
рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ?