2016-06-02 11 views
0

Ich verwende das jQuery ein div zu verstecken und zeigen.Wie jquery .slideDown() und slideUp() durch den Code testen?

function bindIconClick() { 
    $('span.scroIcon').click(function(event) { 
     var eventIcon = $(event.target); 
     var contentPanel = eventIcon.parents('.panelTitle').next(); 
     if (contentPanel.is(':hidden')) { 
      contentPanel.slideDown('slow'); 
     } else { 
      contentPanel.slideUp('slow'); 
     } 
    }); 
} 

Ich mag die Funktion testen, kann ich den Auslöser() verwenden, das Click-Ereignis zu simulieren, aber ich weiß nicht, wie die slidedown testen() und slideUp() Wirkung.

Ich möchte die Funktion bindIconClick testen, bedeutet, wenn ich der Auslöser() Funktion simulieren das Click-Ereignis verwenden, ich weiß, will sich die Content ausblenden oder anzeigen.

Ich möchte die volle Funktion bindIconClick testen, nicht ein Teil davon. Ich möchte testen, ob die volle Funktion korrekt ist!

In der Tat möchte ich die effetc testen, dass, wenn die Spanne wird Content ausblenden angeklickt werden oder zeigen?

+1

Verwenden 'contentPanel.slideToggle ('langsam')' statt 'if' -> nach oben sonst nach unten. – Tushar

Antwort

1

Verwenden slideToggle Funktion statt, wenn und sonst

function bindIconClick() { 
    $('span.scroIcon').click(function(event) { 
     var eventIcon = $(event.target); 
     var contentPanel = eventIcon.parents('.panelTitle').next(); 
     contentPanel.slideToggle('slow'); 
    }); 
} 
+0

Ich möchte wissen, wie man die Funktion bindIconClick testen kann. – Oolong

+0

Können Sie erklären, was Sie wollen? Oder rufst du einfach deine Funktion an? Oder Sie möchten die Testfälle dafür entwerfen –