Storybook: Storyshots Contoh konfigurasi lelucon melempar kesalahan pada Import

Dibuat pada 17 Apr 2017  ·  2Komentar  ·  Sumber: storybookjs/storybook

Lihat detailnya di https://github.com/storybooks/storybook/tree/master/packages/storyshots dan ikuti terus.

Tidak ada cinta dengan detail konfigurasi itu.

`Konfigurasi aplikasi Anda untuk Jest

Biasanya, Anda mungkin sudah menyelesaikan langkah ini. Jika tidak, berikut beberapa sumber untuk Anda.

Jika Anda menggunakan Create React App, itu sudah dikonfigurasi untuk Jest. Anda hanya perlu membuat nama file dengan ekstensi .test.js.
Jika tidak, periksa pelajaran Egghead ini.
Konfigurasikan Storyshots

Buat file pengujian baru dengan nama Storyshots.test.js. (Atau apapun nama yang Anda suka). Kemudian tambahkan konten berikut ke dalamnya:

impor initStoryshots dari 'storyshots';
initStoryshots ();
Itu saja.

Sekarang jalankan perintah uji Jest Anda. (Biasanya, tes npm.) Kemudian Anda dapat melihat semua cerita Anda diubah sebagai tes snapshot Jest.`

GAGAL. \ Storyshots.test.js
● Paket pengujian gagal dijalankan

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)

Test Suites: 1 gagal, 1 lulus, total 2
Tes: 1 lulus, total 1
Snapshots: 0 total
Waktu: 3,412 detik
Menjalankan semua rangkaian pengujian.

needs reproduction question / support

Komentar yang paling membantu

Saya mengalami masalah ini. Sebagai catatan, saya tidak menggunakan CRA. Saya membuat file .babelrc di .storybook persis seperti yang disarankan. Tidak ada bedanya. Apakah ada hal lain yang perlu saya lakukan untuk mendapatkan babel untuk memperhatikan file itu?

Semua 2 komentar

Anda dapat memperbaikinya dengan membuat file .babelrc di folder .storybook dengan preset yang sama create-react-app use:

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

Haruskah konfigurasi babel semacam ini menjadi jenis default? Jika tidak, kami harus mendokumentasikannya.

Edit: menutupnya, duplikat dari # 880.

Saya mengalami masalah ini. Sebagai catatan, saya tidak menggunakan CRA. Saya membuat file .babelrc di .storybook persis seperti yang disarankan. Tidak ada bedanya. Apakah ada hal lain yang perlu saya lakukan untuk mendapatkan babel untuk memperhatikan file itu?

Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

xogeny picture xogeny  ·  3Komentar

purplecones picture purplecones  ·  3Komentar

shilman picture shilman  ·  3Komentar

zvictor picture zvictor  ·  3Komentar

sakulstra picture sakulstra  ·  3Komentar