Storybook: Storyshots рдЬреЗрд╕реНрдЯ рдЙрджрд╛рд╣рд░рдг рдХреЙрдиреНрдлрд╝рд┐рдЧрд░реЗрд╢рди рдЖрдпрд╛рдд рдкрд░ рддреНрд░реБрдЯрд┐ рдлреЗрдВрдХрддрд╛ рд╣реИ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 17 рдЕрдкреНрд░реИрд▓ 2017  ┬╖  2рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: storybookjs/storybook

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
рд╕рднреА рдкрд░реАрдХреНрд╖рдг рд╕реВрдЯ рднрд╛рдЧрд╛ред

needs reproduction question / support

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдореИрдВ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЗрд╕ рдореБрджреНрджреЗ рдкрд░ рдЪрд▓ рд░рд╣рд╛ рд╣реВрдБред рд░рд┐рдХреЙрд░реНрдб рдХреЗ рд▓рд┐рдП, рдореИрдВ CRA рдХрд╛ рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред рдореИрдВрдиреЗ рдЬреЛ рдХреБрдЫ рд╕реБрдЭрд╛рдпрд╛ рдерд╛, рдЙрд╕рдХреЗ рд╕рд╛рде .storybook .babelrc рдлрд╝рд╛рдЗрд▓ рдмрдирд╛рдИред рдЗрд╕рд╕реЗ рдХреЛрдИ рдлрд░реНрдХ рдирд╣реАрдВ рдкрдбрд╝рд╛ред рдХреНрдпрд╛ рдЙрд╕ рдлрд╝рд╛рдЗрд▓ рдкрд░ рдзреНрдпрд╛рди рджреЗрдиреЗ рдХреЗ рд▓рд┐рдП babel рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ?

рд╕рднреА 2 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдЖрдк рдЗрд╕реЗ .babelrc рдлрд╝рд╛рдЗрд▓ рдореЗрдВ .storybook рдлрд╝реЛрд▓реНрдбрд░ рдмрдирд╛рдХрд░ рдареАрдХ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдЬрд┐рд╕рдореЗрдВ рдкреНрд░реАрд╕реЗрдЯ create-react-app рдЙрдкрдпреЛрдЧ рд╣реЛрддрд╛ рд╣реИ:

{
  "presets": ["es2015", "react"]
}

рдХреНрдпрд╛ рдЗрд╕ рддрд░рд╣ рдХреЗ рдмрдмрд▓реНрд╕ рдХреЙрдиреНрдлрд┐рдЧ рдХреЛ рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП? рдпрджрд┐ рдирд╣реАрдВ, рддреЛ рд╣рдореЗрдВ рдирд┐рд╢реНрдЪрд┐рдд рд░реВрдк рд╕реЗ рдЗрд╕рдХрд╛ рджрд╕реНрддрд╛рд╡реЗрдЬреАрдХрд░рдг рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдПред

рд╕рдВрдкрд╛рджрд┐рдд рдХрд░реЗрдВ: рдЗрд╕реЗ рдмрдВрдж рдХрд░рдирд╛, # 880 рдХрд╛ рдбреБрдкреНрд▓рд┐рдХреЗрдЯред

рдореИрдВ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЗрд╕ рдореБрджреНрджреЗ рдкрд░ рдЪрд▓ рд░рд╣рд╛ рд╣реВрдБред рд░рд┐рдХреЙрд░реНрдб рдХреЗ рд▓рд┐рдП, рдореИрдВ CRA рдХрд╛ рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред рдореИрдВрдиреЗ рдЬреЛ рдХреБрдЫ рд╕реБрдЭрд╛рдпрд╛ рдерд╛, рдЙрд╕рдХреЗ рд╕рд╛рде .storybook .babelrc рдлрд╝рд╛рдЗрд▓ рдмрдирд╛рдИред рдЗрд╕рд╕реЗ рдХреЛрдИ рдлрд░реНрдХ рдирд╣реАрдВ рдкрдбрд╝рд╛ред рдХреНрдпрд╛ рдЙрд╕ рдлрд╝рд╛рдЗрд▓ рдкрд░ рдзреНрдпрд╛рди рджреЗрдиреЗ рдХреЗ рд▓рд┐рдП babel рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ?

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

MrOrz picture MrOrz  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

ZigGreen picture ZigGreen  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

sakulstra picture sakulstra  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

levithomason picture levithomason  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

dnlsandiego picture dnlsandiego  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ