Единичное тестирование aurelia view

Question

Я новичок в Aurelia и задавался вопросом, существует ли способ модульного тестирования представлений Aurelia с его пользовательскими привязками? Я попытался загрузить файл представления Aurelia html в html-приспособление с использованием jasmine-jquery, но по какой-то причине я никогда не смог получить ни один из элементов html DOM, используя их идентификатор.

Функциональность, которую я пытаюсь выполнить, заключается в том, что когда я нажимаю значок, он должен увеличить размер значка и изменить его цвет фона.

Посмотреть

<template> 
<div> 
    <span repeat.for="[automobile] of automobilesArray"> 
     <object id.bind="automobile.Id" type="image/svg+xml" style='background-color: white;' data.bind="'./images/' + automobile.Id +'.svg'" class="auto-icon img-circle" width="50" mouseover.delegate="mover($event)" mouseout.delegate="mout($event)"> 
     </object> 
    </span> 
</div> 

вид Модель

mover(event: Event) { 
    document.getElementById(event.srcElement.id).style.backgroundColor = "yellow"; 
    document.getElementById(event.srcElement.id).width = "60px"; 
} 
mout(event: Event) { 
    document.getElementById(event.srcElement.id).style.backgroundColor = "white"; 
    document.getElementById(event.srcElement.id).width = "60px";   
} 

Я хотел бы написать что-то вроде этого в моем тестовый файл, чтобы проверить это. Что я делаю не так?

Тестовый файл

it("vehicle icons should grow in size on mouseover", =>() { 
    jasmine.getFixtures().fixturesPath = 'base/'; 
    loadFixtures('view.html'); 

    expect($('#automobile.Id')).toHaveCss({ width: "50px" }); 

    $('#automobile.Id').mouseover(); 

    expect($('#automobile.Id')).toHaveCss({ width: "60px" }); 
}); 

Answer 1

Вы можете сделать это с начала до конца тест, используя что-то вроде транспортира. Модульные тесты Jasmine не предназначены для того, чтобы приложение полностью загрузилось и подготовило все, как полный тест конца. Чтобы достичь этого, взгляните на тесты конца и конца в приложениях для навигации скелета.