Jestを使用したAngular 1.xでのスナップショットテスト

Question

Jestを使用して、角度1.xディレクティブのスナップショットテストを行いたいと思います。 私はすでにjestで動作するテスト環境を持っていますが、私の指示/コンポーネントをどのようにスナップショットでテストできるかはわかりません。

この例で使用されているレンダラーオブジェクト（反応固有のオブジェクトのようです）http://facebook.github.io/jest/docs/en/snapshot-testing.html#contentを使用することはできませんが、私の指示をシリアル化するために.toJSON（） /コンポーネント。

これはJest + Angular 1.xで見つかった唯一のリンクです。 https://medium.com/aya-experience/testing-an-angularjs-app-with-jest-3029a613251となり、スナップショットテストに関する回答が見つかりません。事前に

おかげで、

フェデリコ

Answer 1

それは動作します。

test.js

const angular = require('angular'); 
require('angular-mocks'); 

describe('Renderer',() => { 
    let element; 
    let scope; 

    beforeEach(
    angular.mock.inject(($rootScope, $compile) => { 
     scope = $rootScope.$new(); 
     element = $compile(
     '<div><label ng-show="label.show">1</label><label ng-hide="label.show">2</label></div>' 
    )(scope); 
     scope.$digest(); 
    }) 
); 

    it('should render the element',() => { 
    expect(element).toBeDefined(); 
    expect(element[0]).toMatchSnapshot(); 
    }); 
}); 

スナップショット

exports[`Renderer should render the element 1`] = ` 
<div 
    class="ng-scope" 
> 
    <label 
    class="ng-hide" 
    ng-show="label.show" 
    > 
    1 
    </label> 
    <label 
    ng-hide="label.show" 
    > 
    2 
    </label> 
</div> 
`;