web-dev-qa-db-fra.com

TypeError: tentative d'attribution à la propriété en lecture seule

Je fais face à cette erreur lors de l'écriture d'un test pour une directive (en utilisant generator-angular-module):

src/capitalize.js:

'use strict';

angular.module('jviotti.string', []).filter('capitalize', function() {

  return function(input) {
    return input.replace(/\w\S*/g, function(txt) {
      return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
    });
  };

});

test/spec/capitalize.js:

'use strict';

describe('Filter: capitalize', function () {

  // load the controller's module
  beforeEach(module('jviotti.string'));

  var capitalize;
  beforeEach(inject(function($filter) {
    capitalize = $filter('capitalize');
  }));

  it('should capitalize a string', function () {
    expect(capitalize('hello')).toBe('Hello');
  });

});

Cependant, lors de l'exécution de Karma avec PhantomJS, j'obtiens:

PhantomJS 1.9.2 (Mac OS X) Filter: capitalize should capitalize a string FAILED
    TypeError: Attempted to assign to readonly property.
        at workFn (/Users/jviotti/Projects/angular-string/bower_components/angular-mocks/angular-mocks.js:2107)
    TypeError: 'undefined' is not a function (evaluating 'capitalize('hello')')
        at /Users/jviotti/Projects/angular-string/test/spec/capitalize.js:14
PhantomJS 1.9.2 (Mac OS X): Executed 2 of 2 (1 FAILED) (0.1 secs / 0.017 secs)

Qu'est-ce que je rate?

javascriptangularjsunit-testingkarma-runner
14
jviotti

Changement dans karma.conf.js

  logLevel: config.LOG_INFO,

à

  logLevel: config.LOG_DEBUG,

et PhantomJS vers Firefox, vous obtiendrez un message d'erreur plus détaillé

32
Konrad Kuźnicki

Une alternative à cela (dans Angular 1.2.2) consiste à commenter la ligne 2107 dans le fichier angular-mocks.js:

if(e.stack && errorForStack) e.stack +=  '\n' + errorForStack.stack;

Apparemment, dans PhantomJS, la pile d'erreurs est en lecture seule.

Éditer:

Cette erreur ne devrait plus se produire dans Angular 1.2.10+ ( github.com/angular/angular.js/pull/5047 ) (Merci sherlocken!)

8
Akrikos

Peut être aidé par une mise à niveau vers au moins 1.2.10, qui fusionne un problème avec PhantomJS et certains autres navigateurs. Voir https://github.com/angular/angular.js/pull/5047 et https://github.com/angular/angular.js/tree/v1.2.1 .

2
ossek

Je vois également ce problème dans la v1.2.5. Il semble s'agir d'une régression dans angular-mocks.js: https://github.com/angular/angular.js/pull/5047

Vous pouvez patcher manuellement angular-mocks.js à partir de ce diff: https://github.com/wizardwerdna/angular.js/commit/17515763b891ea617339610fe92079cefe0efbbe

2
Paul

Avez-vous ajouté des fichiers js de références en haut de vos spécifications comme ci-dessous

/// <reference path="../../../bower_components/angular/angular.js" />
/// <reference path="../../../bower_components/angular-route/angular-route.js" />
/// <reference path="../../../bower_components/angular-ui-router/release/angular-ui-router.js" />
/// <reference path="../../../bower_components/jasmine/lib/jasmine-core/jasmine.js" /> 
/// <reference path="../../../bower_components/jasmine/lib/jasmine-core/jasmine-html.js" />
/// <reference path="../../../bower_components/jasmine/lib/jasmine-core/boot.js" />
/// <reference path="../../../bower_components/angular-mocks/angular-mocks.js" />

REMARQUE: angular-mocks.js doit se trouver après angular.js et avant vos fichiers de test

1
TrieuH