javascript - 模拟图像文件对象

Question

我正在为在我们的 Angular 应用程序中集成裁剪工具编写测试。

我将如何根据我需要的 src 或本地文件模拟图像文件对象？

我正在使用 Karma、Mocha、Chai 和 Sinon - 这就是我已经走了多远

describe('cropping tool', function() {
    var scope;
    var $compile;
    var $rootScope;
    var $templateCache;

    beforeEach(function() {
        module(
            'app',
            'modules/croptool/croptool.html',
            'modules/croptool/croptool.test.html'
        );

        angular.mock.module('ngMockE2E');

        inject(function(_$compile_, _$rootScope_, _$templateCache_) {
            $compile = _$compile_;
            $rootScope = _$rootScope_;
            $templateCache = _$templateCache_;
        });

        scope = $rootScope;
    });

    it('should validate that it loads the image into the cropper', function() {
        var template = $templateCache.get('modules/croptool/croptool.test.html');
        var element = angular.element(template);

        var directiveElem = getCompiledElement(element);
        var vm = element.isolateScope();

        // Expect the predefined value

        // Click the toggle button
    });

    // Helper function
    function getCompiledElement(template) {
        var compiledDirective = $compile(angular.element(template))(scope);
        scope.$digest();
        return compiledDirective;
    }

    function ae(element) {
        return angular.element(element);
    }
});