angular - Angular でストーリーブック用の StoryShots を実装する

Question

私はAngular v8アプリをストーリーブック内で実行しています。自動化されたビジュアル テストを統合したいと考えており、StoryShots を見つけました。この指示を見つけて、そのように実装しました。Karma はアプリのテスト ツールであるため、"test.ts" を含むファイルのみを視覚的にテストするように jest 構成を調整します。Jest は spec.ts ファイルを見つけましたが、test.ts ファイルだけでは test を見つけることができませんNo tests found, exiting with code 1。私は何を逃したのですか？angular と StoryShots の経験がある人はいますか?

これは私のコードです:

package.json

  "scripts": {
   ...
    "jest": "jest"
  },
  "dependencies": {
    ...
    "@angular/core": "^8.2.13"
  },
  "devDependencies": {
    ...
    "@storybook/addon-storyshots": "^5.2.8",
    "@storybook/angular": "^5.2.8",
    "@types/jest": "^24.0.23",
    "jest-preset-angular": "^8.0.0",
    "jest": "^24.9.0",
  },
  "engines": {
    "node": ">=10.15.0",
    "npm": "~6.4.0"
  }

jest.config.js

module.exports = {
  preset: 'jest-preset-angular',
  roots: ['src'],
  setupFilesAfterEnv: [
    './jest.setup.ts'
  ],
  testMatch: [
    '**/__tests__/**/*.test.+(ts)?(x)' // <- only test.ts files
  ],
  globals: {
    __TRANSFORM_HTML__: true
  },
  transform: {
    '^.+\\.jsx?$': 'babel-jest',
    "^.+\\.(ts|js|html)$": "ts-jest"
  },
  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node', '.html']
};

jest.setup.js

import 'jest-preset-angular';

ルートフォルダーには.storybook、テストファイルを含むフォルダーがあります

storyshots.test.ts

import initStoryshots from '@storybook/addon-storyshots';

initStoryshots();