Erreur CSS lors de tests Karma + Jasmine

**Heavy Metal Hero** · 18/11/2014, 00h17

Bonjour,
J'utilise Karma et Jasmine pour tester mon code javascript. Lorsque je lance les tests unitaires, j'ai cette erreur qui apparaît dés le premier fichier parcouru :
Chrome 38.0.2125 (Windows 8.1) ERROR
Uncaught TypeError: Cannot set property 'style' of null

les lignes se rapportant à l'erreur sont celles-ci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
var source = document.getElementById('workzone');
    hw = hw - hauteurmodif;
    source.style.height = hw + 'px';

J'ai ce message pour chaque cas similaire, c'est à dire à chaque fois que j'essaye d'utiliser un élément CSS (ici l'id workzone).
Pourtant il n'y a pas d'erreur lorsque lors d'une exécution normale, le css existe, de même que l'élément, il est linké et est même défini dans karma.conf.js :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 files : [
 
	//css
	'app/css/*.css',

J'ai lu quelque part que l'erreur venait peut être du fait que les styles CSS ne seraient pas chargés à temps dans le DOM. J'ai donc essayé de lancer les tests avec d'autre navigateurs (PhantomJS, Chrome et Firefox), qui donnaient tous le même résultat.

Une idée ?

Merci d'avance

**SylvainPV** · 18/11/2014, 00h47

Rien à voir avec le CSS, l'erreur te dit que source vaut null, autrement dit que l'élément #workzone n'a pas pu être récupéré dans le DOM au moment de l'exécution des tests. Es-tu sûr de lancer ces tests après que le DOM soit chargé ? Déplace tous tes scripts à la fin du tag <body>.

**Heavy Metal Hero** · 18/11/2014, 01h04

Oui c'est ce qu'il me semble aussi, pourtant mes scripts sont déjà appelés à la fin du body, et dans le karma.conf, l'ordre d'appel est le suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
//css
'app/css/*.css',
// libraries
...
// our app
'app/js/*.js',
// test
'test/unit/**/*.js'

Erreur CSS lors de tests Karma + Jasmine

JavaScript

Discussions similaires

Partager

Partager