From feef97c17074b29e6f6c5d4b795b7ebaf1e35db4 Mon Sep 17 00:00:00 2001
From: KristinDiep <kristiyip@gmail.com>
Date: Fri, 28 Jul 2017 12:05:14 -0400
Subject: [PATCH] test categorize-animation

---
 examples/jspsych-categorize-animation.html    |   1 +
 .../plugin-categorize-animation.test.js       | 236 ++++++++++++++++++
 2 files changed, 237 insertions(+)

diff --git a/examples/jspsych-categorize-animation.html b/examples/jspsych-categorize-animation.html
index 67847649..ca999e65 100644
--- a/examples/jspsych-categorize-animation.html
+++ b/examples/jspsych-categorize-animation.html
@@ -20,6 +20,7 @@
     key_answer: 68,
     choices: [68, 83],
     text_answer: 'different',
+    feedback_duration: 500,
     correct_text: "<p>Correct. The faces had %ANS% expressions.</p>",
     incorrect_text: "<p>Incorrect. The faces had %ANS% expressions.</p>",
     prompt: "<p>Press D if the faces had different emotional expressions. Press S if the faces had the same emotional expression.</p>",
diff --git a/tests/plugins/plugin-categorize-animation.test.js b/tests/plugins/plugin-categorize-animation.test.js
index c1cb4569..b33dc94a 100644
--- a/tests/plugins/plugin-categorize-animation.test.js
+++ b/tests/plugins/plugin-categorize-animation.test.js
@@ -1,4 +1,5 @@
 const root = '../../';
+const utils = require('../testing-utils.js');
 
 jest.useFakeTimers();
 
@@ -13,4 +14,239 @@ describe('categorize-animation plugin', function(){
 		expect(typeof window.jsPsych.plugins['categorize-animation']).not.toBe('undefined');
 	});
 
+	test('displays stimulus every 500ms', function(){
+		var trial = {
+			type: 'categorize-animation',
+			stimuli: ['img/happy_face_1.jpg', 'img/sad_face_1.jpg'],
+			key_answer: 68
+		}
+
+		jsPsych.init({
+			timeline: [trial]
+		});
+
+		jest.runTimersToTime(500);
+		expect(jsPsych.getDisplayElement().innerHTML).toBe('<img src=\"img/happy_face_1.jpg\" class=\"jspsych-categorize-animation-stimulus\">');
+		jest.runTimersToTime(500);
+		expect(jsPsych.getDisplayElement().innerHTML).toBe('<img src=\"img/sad_face_1.jpg\" class=\"jspsych-categorize-animation-stimulus\">')
+	});
+
+	test('prompt should display after animation', function(){
+		var trial = {
+			type: 'categorize-animation',
+			stimuli: ['img/happy_face_1.jpg', 'img/sad_face_1.jpg'],
+			key_answer: 68,
+			prompt: "<p>Press d if the faces had different emotional expressions. Press S if the faces had the same emotional expression.</p>"
+		}
+
+		jsPsych.init({
+			timeline: [trial],
+		});
+
+		jest.runTimersToTime(1500);
+		expect(jsPsych.getDisplayElement().innerHTML).toBe('<p>Press d if the faces had different emotional expressions. Press S if the faces had the same emotional expression.</p>');
+	});
+
+	test('should display correct if key_answer is pressed', function(){
+		var trial = {
+			type: 'categorize-animation',
+			stimuli: ['img/happy_face_1.jpg', 'img/sad_face_1.jpg'],
+			key_answer: 68,
+			choices: [68, 83],
+			prompt: "<p>Press d if the faces had different emotional expressions. Press S if the faces had the same emotional expression.</p>"
+		}
+
+		jsPsych.init({
+			timeline: [trial],
+		});
+
+		jest.runTimersToTime(1500);
+		utils.pressKey(68);
+		jest.runTimersToTime(1000);
+		expect(jsPsych.getDisplayElement().innerHTML).toBe('Correct.');
+	});
+
+	test('should display incorrect if different key is pressed', function(){
+		var trial = {
+			type: 'categorize-animation',
+			stimuli: ['img/happy_face_1.jpg', 'img/sad_face_1.jpg'],
+			key_answer: 68,
+			choices: [68, 83],
+			prompt: "<p>Press d if the faces had different emotional expressions. Press S if the faces had the same emotional expression.</p>"
+		}
+
+		jsPsych.init({
+			timeline: [trial],
+		});
+
+		jest.runTimersToTime(1500);
+		utils.pressKey(83);
+		jest.runTimersToTime(1000);
+		expect(jsPsych.getDisplayElement().innerHTML).toBe('Wrong.');
+	});
+
+	test('text answer should replace %ANS%', function(){
+		var trials = {
+    		type: 'categorize-animation',
+    		stimuli: ['img/happy_face_1.jpg', 'img/sad_face_3.jpg'],
+    		key_answer: 68,
+    		choices: [68, 83],
+    		text_answer: 'different',
+    		correct_text: "<p>Correct. The faces had %ANS% expressions.</p>",
+    		incorrect_text: "<p>Incorrect. The faces had %ANS% expressions.</p>",
+    		prompt: "<p>Press D if the faces had different emotional expressions. Press S if the faces had the same emotional expression.</p>",
+  		};
+
+  		jsPsych.init({
+    			timeline: [trials],
+  		});
+	
+		jest.runTimersToTime(1500);
+		utils.pressKey(68);
+		jest.runTimersToTime(1000);
+		expect(jsPsych.getDisplayElement().innerHTML).toBe('<p>Correct. The faces had different expressions.</p>');
+	});
+
+	test('correct text displays when when key_answer is pressed', function(){
+		var trials = {
+    		type: 'categorize-animation',
+    		stimuli: ['img/happy_face_1.jpg', 'img/sad_face_3.jpg'],
+    		key_answer: 68,
+    		choices: [68, 83],
+    		correct_text: "<p>You pressed the correct key</p>",
+    		incorrect_text: "<p>Incorrect.</p>",
+    		prompt: "<p>Press D if the faces had different emotional expressions. Press S if the faces had the same emotional expression.</p>",
+  		};
+
+  		jsPsych.init({
+    			timeline: [trials],
+  		});
+	
+		jest.runTimersToTime(1500);
+		utils.pressKey(68);
+		jest.runTimersToTime(1000);
+		expect(jsPsych.getDisplayElement().innerHTML).toBe('<p>You pressed the correct key</p>');
+	});
+
+	test('correct text displays when when key_answer is pressed', function(){
+		var trials = {
+    		type: 'categorize-animation',
+    		stimuli: ['img/happy_face_1.jpg', 'img/sad_face_3.jpg'],
+    		key_answer: 68,
+    		choices: [68, 83],
+    		correct_text: "<p>You pressed the correct key</p>",
+    		incorrect_text: "<p>Incorrect. You pressed the wrong key.</p>",
+    		prompt: "<p>Press D if the faces had different emotional expressions. Press S if the faces had the same emotional expression.</p>",
+  		};
+
+  		jsPsych.init({
+    			timeline: [trials],
+  		});
+	
+		jest.runTimersToTime(1500);
+		utils.pressKey(83);
+		jest.runTimersToTime(1000);
+		expect(jsPsych.getDisplayElement().innerHTML).toBe('<p>Incorrect. You pressed the wrong key.</p>');
+	});
+
+	test('duration to display image is based on frame_time', function(){
+		var trials = {
+    		type: 'categorize-animation',
+    		stimuli: ['img/happy_face_1.jpg', 'img/sad_face_1.jpg'],
+    		key_answer: 68,
+    		choices: [68, 83],
+    		frame_time: 1000,
+    		correct_text: "<p>You pressed the correct key</p>",
+    		incorrect_text: "<p>Incorrect. You pressed the wrong key.</p>",
+    		prompt: "<p>Press D if the faces had different emotional expressions. Press S if the faces had the same emotional expression.</p>",
+  		};
+
+  		jsPsych.init({
+    		timeline: [trials],
+  		});
+	
+		jest.runTimersToTime(1000);
+		expect(jsPsych.getDisplayElement().innerHTML).toBe('<img src=\"img/happy_face_1.jpg\" class=\"jspsych-categorize-animation-stimulus\">');
+		jest.runTimersToTime(500);
+		expect(jsPsych.getDisplayElement().innerHTML).toBe('<img src=\"img/happy_face_1.jpg\" class=\"jspsych-categorize-animation-stimulus\">');
+		jest.runTimersToTime(500);
+		expect(jsPsych.getDisplayElement().innerHTML).toBe('<img src=\"img/sad_face_1.jpg\" class=\"jspsych-categorize-animation-stimulus\">');
+	});
+
+	test('sequence reps', function(){
+		var trials = {
+    		type: 'categorize-animation',
+    		stimuli: ['img/happy_face_1.jpg', 'img/sad_face_1.jpg'],
+    		key_answer: 68,
+    		choices: [68, 83],
+    		frame_time: 1000,
+    		sequence_reps: 2,
+    		correct_text: "<p>You pressed the correct key</p>",
+    		incorrect_text: "<p>Incorrect. You pressed the wrong key.</p>",
+    		prompt: "<p>Press D if the faces had different emotional expressions. Press S if the faces had the same emotional expression.</p>",
+  		};
+
+  		jsPsych.init({
+    		timeline: [trials],
+  		});
+	
+		jest.runTimersToTime(1000);
+		expect(jsPsych.getDisplayElement().innerHTML).toBe('<img src=\"img/happy_face_1.jpg\" class=\"jspsych-categorize-animation-stimulus\">');
+		jest.runTimersToTime(1000);
+		expect(jsPsych.getDisplayElement().innerHTML).toBe('<img src=\"img/sad_face_1.jpg\" class=\"jspsych-categorize-animation-stimulus\">');
+		jest.runTimersToTime(1000);
+		expect(jsPsych.getDisplayElement().innerHTML).toBe('<img src=\"img/happy_face_1.jpg\" class=\"jspsych-categorize-animation-stimulus\">');
+		jest.runTimersToTime(1000);
+		expect(jsPsych.getDisplayElement().innerHTML).toBe('<img src=\"img/sad_face_1.jpg\" class=\"jspsych-categorize-animation-stimulus\">');
+	});
+
+	test('subject can response before animation is completed', function(){
+		var trials = {
+    		type: 'categorize-animation',
+    		stimuli: ['img/happy_face_1.jpg', 'img/sad_face_1.jpg'],
+    		key_answer: 68,
+    		choices: [68, 83],
+    		frame_time: 1000,
+    		sequence_reps: 2,
+    		correct_text: "<p>You pressed the correct key</p>",
+    		incorrect_text: "<p>Incorrect. You pressed the wrong key.</p>",
+    		prompt: "<p>Press D if the faces had different emotional expressions. Press S if the faces had the same emotional expression.</p>",
+    		allow_response_before_complete: true,
+  		};
+
+  		jsPsych.init({
+    		timeline: [trials],
+  		});
+	
+		jest.runTimersToTime(1500);
+		utils.pressKey(68);
+		jest.runTimersToTime(500);
+		expect(jsPsych.getDisplayElement().innerHTML).toBe('<img src=\"img/sad_face_1.jpg\" class=\"jspsych-categorize-animation-stimulus\"><p>You pressed the correct key</p>');
+	});
+
+	test('display should clear after feeback_duration is done', function(){
+		var trials = {
+    		type: 'categorize-animation',
+    		stimuli: ['img/happy_face_1.jpg', 'img/sad_face_1.jpg'],
+    		key_answer: 68,
+    		choices: [68, 83],
+    		frame_time: 500,
+    		feeback_duration: 500,
+    		correct_text: "<p>You pressed the correct key</p>",
+    		incorrect_text: "<p>Incorrect. You pressed the wrong key.</p>",
+    		prompt: "<p>Press D if the faces had different emotional expressions. Press S if the faces had the same emotional expression.</p>",
+  		};
+
+  		jsPsych.init({
+    		timeline: [trials],
+  		});
+	
+		jest.runTimersToTime(1500);
+		utils.pressKey(68);
+		jest.runTimersToTime(500);
+		expect(jsPsych.getDisplayElement().innerHTML).toBe('<p>You pressed the correct key</p>');
+		jest.runTimersToTime(2000);
+		expect(jsPsych.getDisplayElement().innerHTML).toBe('');
+	});
+
 });