AngularJs unit testing memory leaks

Jak być może już wiesz, wielu z nas, którzy mają dużą ilość pisemnego testu jednostkowego, spotkało się z tym nie trywialnie rozwiązywalnym problemem. Mam około 3500 + testów jednostkowych napisanych w składni Jasmine zgodnie z przewodnikiem AngularJs unit testing . Testy wykonywane są za pomocą karmy runner.

Problem polega na tym, że nie mogą być wykonane wszystkie na raz z powodu wycieków pamięci. Podczas ich uruchamiania pamięć gromadzi się bez względu na to, w jakiej przeglądarce są uruchamiane i w pewnym momencie przeglądarka zawiesza się i rozłącza. Najlepszym obejściem, o którym wiem, które jest obecnie używane w społeczności, która ma ten problem, jest dzielenie testów na wiele przebiegów, a na koniec uzyskanie prawidłowego pokrycia poprzez połączenie wyników z pojedynczych przebiegów.

Kiedy po raz pierwszy spotkałem się z tym problemem miałem około 1000 testów. Po wypróbowaniu wszystkich dostępnych przeglądarek do uruchomienia podzieliłem testy na kilka uruchomień, jednak okazało się, że jest to niezbyt dobre obejście przez długi czas. Teraz testy są wykonywane w 14 + pojedynczych uruchomieniach, które są uruchamiane równolegle, aby skrócić czas kompletacji i nadal IMO nie może to trwale rozwiązać problemu, ale opóźnić go trochę ze względu na ograniczenie zasobów (RAM, CPU) i irytujące zużycie czasu.

Ktoś może argumentować, że mam wycieki pamięci w kodzie, których nie mogę zagwarantować, mimo że nie mam żadnych problemów z uruchomieniem aplikacji w przeglądarce. Dlatego Stworzyłem przykładowy projekt, który uwypukli ten problem.

Tam dla odtworzenia tego problemu tworzę Angular service który jest ciężki w zużyciu pamięci Tak:

app.factory('heavyLoad', function () {
  // init
  var heavyList = [];
  var heavyObject = {};
  var heavyString = '';

  // populate..

  return {
    getHeavyList: function () { return heavyList; },
    getHeavyObject: function () { return heavyObject; },
    getHeavyString: function () { return heavyString; }
  };
});

Po tym mam prostą dyrektywę która używa tej usługi do inicjalizacji wielu elementów DOM:

app.directive('heavyLoad', function (heavyLoad) {
  return {
    scope: {},
    template: '' +
    '<div>' +
    ' <h1>{{title}}</h1>' +
    ' <div ng-repeat="item in items">' +
    '   <div ng-repeat="propData in item">' +
    '     <p>{{propData}}</p>' +
    '   </div>' +
    ' </div>' +
    '</div>',
    link: function (scope, element) {
      scope.items = heavyLoad.getHeavyList();
      scope.title = heavyLoad.getHeavyString();

      // add data to the element
      element.data(heavyLoad.getHeavyList());
    }
  };
});

I na koniec dynamicznie rejestruję 1000 zestawów testowych z definicją testu dla dyrektywy, która BTW jest zapisana jako sugerowane w Przewodniku Angular unit testing.

// define multiple suits with the same definition just for showcase
for (var i = 0; i < 1000; i += 1) {
  describe('heavyLoad directive #' + i, testDefinition);
}

Aby wypróbować przykład wystarczy sprawdzić projekt z GitHub i przed uruchomieniem Karma start run:

$ npm install
$ bower install

Z niecierpliwością czekam na znalezienie problemu i rozwiązanie go w końcu.

Cheers