Storybook: تكوين مثال Storyshots Jest يلقي خطأ في الاستيراد

تم إنشاؤها على ١٧ أبريل ٢٠١٧  ·  2تعليقات  ·  مصدر: storybookjs/storybook

انتقلت من خلال التفاصيل على https://github.com/storybooks/storybook/tree/master/packages/storyshots وتابعها من خلال.

لا حب مع تفاصيل التكوين.

قم بتكوين تطبيقك لـ Jest

عادة ، ربما تكون قد أكملت هذه الخطوة بالفعل. إذا لم يكن كذلك ، فإليك بعض الموارد لك.

إذا كنت تستخدم تطبيق Create React ، فقد تم تكوينه بالفعل لـ Jest. تحتاج فقط إلى إنشاء اسم ملف بامتداد .test.js.
وإلا تحقق من درس Egghead هذا.
تكوين Storyshots

قم بإنشاء ملف اختبار جديد باسم Storyshots.test.js. (أو أيا كان الاسم الذي تفضله). ثم أضف المحتوى التالي إليها:

استيراد initStoryshots من "storyshots" ؛
initStoryshots () ،
هذا كل شئ.

الآن قم بتشغيل أمر Jest test. (عادةً ، اختبار npm.) ثم يمكنك رؤية جميع قصصك يتم تحويلها على أنها اختبارات لقطة Jest.

فشل. \ 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 المجموع
الوقت: 3.412 ثانية
تم تشغيل جميع أجنحة الاختبار.

needs reproduction question / support

التعليق الأكثر فائدة

أنا أواجه هذه المشكلة بالضبط. للسجل ، أنا لا أستخدم CRA. لقد قمت بإنشاء ملف .babelrc في .storybook مع ما تم اقتراحه بالضبط. لا فرق. هل هناك شيء آخر يتعين علي فعله للحصول على babel للانتباه إلى هذا الملف؟

ال 2 كومينتر

يمكنك إصلاح هذا عن طريق إنشاء ملف .babelrc في مجلد .storybook بنفس الإعدادات المسبقة التي يستخدمها create-react-app :

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

هل يجب أن يصبح هذا النوع من تكوين بابل هو النوع الافتراضي؟ إذا لم يكن كذلك ، فيجب علينا بالتأكيد توثيقه.

تحرير: إغلاقها ، نسخة مكررة من # 880.

أنا أواجه هذه المشكلة بالضبط. للسجل ، أنا لا أستخدم CRA. لقد قمت بإنشاء ملف .babelrc في .storybook مع ما تم اقتراحه بالضبط. لا فرق. هل هناك شيء آخر يتعين علي فعله للحصول على babel للانتباه إلى هذا الملف؟

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات