用计算变量进行动作的灰烬积分测试

时间:2016-11-13 18:24:25

标签: integration-testing

使用Ember cli 2.9我正在制作一个简单的应用程序,将瑞士法郎兑换成欧元。该应用程序在我的浏览器中手动正常,但我为转换器编写的集成测试失败。它作为Ember组件存在,称为home-index

模板:

<h2>INPUT GOES HERE</h2>

{{input value=userInput class="user-input" placeholder="enter your francs please"}}

<button class="convert-button" {{action 'convertInput'}}>CONVERT</button>

<div class="display-output">{{outputNumber}}</div>

组件逻辑:

import Ember from 'ember';

export default Ember.Component.extend({

	userInput: "",
	outputNumber : 0,

	numberifiedInput: Ember.computed('userInput', function() {

		let userInput = this.get('userInput');
		return parseFloat(userInput);
	}),

	actions: {
		convertInput() {
			var input = this.get('numberifiedInput');
			var converted = input * 0.93;
			this.set('outputNumber', converted);
		}
	}
});

集成测试:

import { moduleForComponent, test } from 'ember-qunit';
import hbs from 'htmlbars-inline-precompile';

moduleForComponent('home-index', 'Integration | Component | home index', {
  integration: true
});

test('should recieve input from user and display output', function(assert) {
  assert.expect(1);

  this.render(hbs`{{home-index}}`);
  this.$(".user-input").val("1");
  this.$('.convert-button').click();

  assert.equal(this.$(".display-output").text(), "0.93", "should display correct converted amount");    

});

在浏览器中手动使用应用程序时,值正确地从1转换为0.93并显示在div中。但是,集成测试返回“NaN”而不是“0.93”。

当我将测试写入验收测试时,它会通过并给出正确的结果。这让我相信这是因为使用了异步助手。

然后我尝试重写包含在导入的wait方法中的集成测试,如下所示:

return wait()
  .then(() => {
    assert.equal(this.$(".display-output").text(), "0.93", "should display correct converted amount");    
  });
});

但仍然在集成测试中给出了“NaN”。 有谁知道为什么会这样?

PS。对于在片段中发帖感到抱歉,堆栈溢出代码块是不稳定的..

1 个答案:

答案 0 :(得分:0)

设置val后,尝试在输入字段上触发事件'input'和'change'。

$('.user-input').val('1');
$('.user-input').trigger('input');
$('.user-input').change();

请参阅https://github.com/emberjs/ember.js/blob/v2.9.1/packages/ember-testing/lib/helpers/fill_in.js#L15,了解验收测试助手fillIn是如何做到的(但没有jQuery)。

如果接受测试是可接受的,那么测试此类事物可能是更好的方法,因为内置帮助程序处理通常由用户交互触发的各种事件。