Arhn - архитектура программирования

директива тестирования, манипуляции с домом не происходят - Angularjs/jasmine

Я запускаю свой первый тест на директиву, и хотя кажется, что директива вызывается (для URL-адреса шаблона директивы делается запрос GET), манипуляция с DOM, которая должна происходить в функции ссылки, не является - ну это так или я просто не тестирую его правильно.

// Generated by CoffeeScript 1.6.3
(function() {
  var sprangularDirectives;

  sprangularDirectives = angular.module('sprangularDirectives', []);

  sprangularDirectives.directive('productDirective', function() {
    return {
      scope: {
        product: '='
      },
      templateUrl: 'partials/product/_product.html',
      link: function(scope, el, attrs) {
        return el.attr('testattr', 'isthisclasshere');
      }
    };
  });

}).call(this);

Тестовое задание:

'use strict';

describe('productDirective', function() {

    var scope, el, directive, $httpBackend, compiler, compiled, html;

    beforeEach(angular.mock.module('sprangularApp'));

    beforeEach(function() {

        html = '<div data-product-directive product="currentProduct"></div>';

        inject(function($injector) {
            $httpBackend = $injector.get('$httpBackend');

            // jasmine.getHTMLFixtures().fixturesPath='base/partials/product';

            $httpBackend.when('GET', 'partials/product/_product.html').respond(
                 '  <div class="product">'
                +'      {{ currentProduct.name }}'
                +'      {{ currentProduct.page }}'
                +'  </div>'
            );

            scope = $injector.get('$rootScope');

            el = angular.element(html);

            compiler = $injector.get('$compile');
            compiled = compiler(el);
            compiled(scope);

            scope.$digest();
        });

    });

    it('Should have an isolate scope', function() {
        scope.currentProduct = {name: 'testing'};   

        console.log(el.attr('testattr'))
        console.log(el.isolateScope())
        expect(el.scope().product.name).toBe('testing');
    });
});

console.log(el.attr('testattr')) возвращает undefined... хотя, когда я загружаю свой браузер, он там. Некоторая помощь была бы потрясающей :) спасибо


Ответы:


1

Используемый элемент является предварительно скомпилированной ссылкой на элемент. Нужный элемент возвращается из вызова метода "compiled(scope)":

compiler = $injector.get('$compile');
compiled = compiler(el);
var element = compiled(scope);     // <-- This guy!

Я использую этот фрагмент в качестве вспомогательного метода тестирования:

var compileTemplate = function (scope, rawTemplate) {
    var template = angular.element(rawTemplate)
    var element = $compile(template)(scope)
    scope.$digest()
    var new_scope = element.scope()
    return [element, new_scope]
}
08.04.2014
Новые материалы

Коллекции публикаций по глубокому обучению
Последние пару месяцев я создавал коллекции последних академических публикаций по различным подполям глубокого обучения в моем блоге https://amundtveit.com - эта публикация дает обзор 25..

Представляем: Pepita
Фреймворк JavaScript с открытым исходным кодом Я знаю, что недостатка в фреймворках JavaScript нет. Но я просто не мог остановиться. Я хотел написать что-то сам, со своими собственными..

Советы по коду Laravel #2
1-) Найти // You can specify the columns you need // in when you use the find method on a model User::find(‘id’, [‘email’,’name’]); // You can increment or decrement // a field in..

Работа с временными рядами спутниковых изображений, часть 3 (аналитика данных)
Анализ временных рядов спутниковых изображений для данных наблюдений за большой Землей (arXiv) Автор: Рольф Симоэс , Жильберто Камара , Жильберто Кейрос , Фелипе Соуза , Педро Р. Андраде ,..

3 способа решить квадратное уравнение (3-й мой любимый) -
1. Методом факторизации — 2. Используя квадратичную формулу — 3. Заполнив квадрат — Давайте поймем это, решив это простое уравнение: Мы пытаемся сделать LHS,..

Создание VR-миров с A-Frame
Виртуальная реальность (и дополненная реальность) стали главными модными терминами в образовательных технологиях. С недорогими VR-гарнитурами, такими как Google Cardboard , и использованием..

Демистификация рекурсии
КОДЕКС Демистификация рекурсии Упрощенная концепция ошеломляющей О чем весь этот шум? Рекурсия, кажется, единственная тема, от которой у каждого начинающего студента-информатика..