Привет, мои дорогие участники сообщества. У меня проблема только в IE 8 при тестировании обработки событий щелчка флажка. Вот ссылка JSBIN, по которой вы можете увидеть проблему: http://jsbin.com/jicijilo/1/
Извините, что мне пришлось внедрить в них весь адаптер mocha и исходные коды expectjs, потому что, по-видимому, только Mozilla может обрабатывать исходные коды, подобные этим https://raw.githubusercontent.com/teddyzeenny/ember-mocha-adapter/master/adapter.js
Сам тест очень прост, у меня есть список вопросов, и у каждого вопроса есть активный атрибут, который является логическим. У меня есть флажок заголовка, который переключает этот «активный» атрибут всех вопросов. Однако в ie8, когда мы нажимаем на флажок с помощью помощника кликов, наблюдатель, похоже, не срабатывает! Вот основной код для теста:
<script>
//APPLICATION CODE STARTS HERE
window.AS = Ember.Application.create({
rootElement: '#ember-testing'
});
mocha.setup('bdd');
Ember.onLoad('Ember.Application', function(Application) {
Application.initializer({
name: 'tests',
initialize: function(container, application) {
Ember.testing = true;
}
});
});
Ember.Test.adapter = Ember.Test.MochaAdapter.create();
AS.setupForTesting();
AS.ApplicationAdapter = DS.FixtureAdapter.extend({simulateRemoteResponse: false});
AS.injectTestHelpers();
AS.Router.map(function() {
this.resource('questions', {path: '/'});
});
AS.Question = DS.Model.extend({
name: DS.attr('string'),
active: DS.attr('boolean')
});
AS.Question.FIXTURES = [
{
"id": 1,
"name": "What is your age?",
"active": false
},
{
"id": 2,
"name": "What is your name?",
"active": false
}
];
AS.QuestionsRoute = Ember.Route.extend({
model: function(params) {
return this.get('store').find('question');
}
});
AS.QuestionsController = Ember.ArrayController.extend({
toggleAll: false,
onToggleAllChange: function(){
var toggleAll = this.get("toggleAll");
this.get('content').forEach(function(question){
question.set("active", toggleAll);
});
}.observes('toggleAll')
});
</script>
<script>
describe("Testing", function() {
beforeEach(function() {
AS.reset();
visit("/");
});
it("test header toggle", function() {
click($("input[name='toggleAll']")).then(function() {
var chkd = $("input[name='toggleAll']")[0].checked;
$(".question input").each(function(index, dom){
expect(dom.checked).to.be(chkd);
});
});
});
});
$(document).ready(function() {
mocha.run();
});
</script>
</head>
<body>
<script type="text/x-handlebars" data-template-name="questions">
<div>{{input type="checkbox" name="toggleAll" checked=toggleAll}} Toggle active</div>
{{#each}}
<div class="question">{{input type="checkbox" checked=active}} {{name}}</div>
{{/each}}
</script>
<div id="mocha"></div>
<div id="ember-testing" style="border:1px solid #CCC;"></div>
</body>
Тест не пройден в ie8, но если вы нажмете на флажок вручную, наблюдатель сработает. Ваша помощь будет высоко оценена. Спасибо, Ди
