انتقلت من خلال التفاصيل على 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 ثانية
تم تشغيل جميع أجنحة الاختبار.
يمكنك إصلاح هذا عن طريق إنشاء ملف .babelrc
في مجلد .storybook
بنفس الإعدادات المسبقة التي يستخدمها create-react-app
:
{
"presets": ["es2015", "react"]
}
هل يجب أن يصبح هذا النوع من تكوين بابل هو النوع الافتراضي؟ إذا لم يكن كذلك ، فيجب علينا بالتأكيد توثيقه.
تحرير: إغلاقها ، نسخة مكررة من # 880.
أنا أواجه هذه المشكلة بالضبط. للسجل ، أنا لا أستخدم CRA. لقد قمت بإنشاء ملف .babelrc
في .storybook
مع ما تم اقتراحه بالضبط. لا فرق. هل هناك شيء آخر يتعين علي فعله للحصول على babel
للانتباه إلى هذا الملف؟
التعليق الأكثر فائدة
أنا أواجه هذه المشكلة بالضبط. للسجل ، أنا لا أستخدم CRA. لقد قمت بإنشاء ملف
.babelrc
في.storybook
مع ما تم اقتراحه بالضبط. لا فرق. هل هناك شيء آخر يتعين علي فعله للحصول علىbabel
للانتباه إلى هذا الملف؟