次の方法で共有


モジュール テスト ファイル

この記事では、Microsoft Dynamics 365 Commerce のモジュール テスト ファイルについて説明します 。

モジュール テスト ファイルはローカル単体テストに使用されます。 テストを実行するために必要なモック データが含まれています。

次の例では、新しいモジュールの既定テスト ファイルを示します。

import { buildMockModuleProps} from '@msdyn365-commerce/core';
/// <reference types="jest" />

// tslint:disable-next-line:no-unused-variable
import * as React from 'react';
import * as renderer from 'react-test-renderer';

import ProductFeature from '../productFeature';
import { IProductFeatureData } from '../productFeature.data';
import {
    IProductFeatureConfig,
    IProductFeatureProps
} from '../productFeature.props.autogenerated';

const mockData: IProductFeatureData = {
    actionResponse: {
        text: 'Sample Response Data'
  }
};

const mockConfig: IProductFeatureConfig = {
    showText: 'productFeature'
};

const mockActions = {};

describe('ProductFeature', () => {
    let moduleProps: IProductFeatureProps<IProductFeatureData>;
    beforeAll(() => {
        moduleProps = buildMockModuleProps(mockData, mockActions, mockConfig) as IProductFeatureProps<IProductFeatureData>;
    });
    it('renders correctly', () => {
        const component: renderer.ReactTestRenderer = renderer.create(
            <ProductFeature {...moduleProps} />
        );
        const tree: renderer.ReactTestRendererJSON | null = component.toJSON();
        expect(tree).toMatchSnapshot();
    });
});

これらのモック データ フィールドは、このファイル内で設定されます。

追加リソース

モジュールの概要

モジュール定義ファイル

モジュール反応コンポーネント ファイル

モジュール ビュー ファイル

モジュール データ ファイル

モジュール モック ファイル

モジュール props.autogenerated.ts ファイル