Làm cách nào để truy cập Phần tử DOM trong thử nghiệm đơn vị aurelia?

Question

Trong thử nghiệm đơn vị, làm cách nào tôi có thể tạo thành phần tử tùy chỉnh (hoặc chế độ xem) và có quyền truy cập vào yếu tố DOM trực tiếp DOM?

Tôi đọc this article được đến điểm mà phần tử tùy chỉnh được khởi tạo nhưng tôi không nghĩ rằng tôi có thể truy cập phần tử DOM.

BTW, tôi biết về thước đo góc và thử nghiệm từ đầu đến cuối nhưng đó không phải là những gì tôi đang tìm kiếm ở đây.

---

Cập nhật ngày 14 tháng 10 năm 2016:

tôi phát hiện ra rằng tôi có thể đăng ký một ví dụ như thế này để làm cho @inject(Element) công việc:

container = new Container().makeGlobal(); 
container.registerInstance(Element, document.createElement('div')); 
vm = BehaviorInstance.createForUnitTest(Test, {}, {}); 

mặc dù các công trình tiêm (Test tùy chỉnh của tôi phần tử lấy tham chiếu), điều đó không khiến aurelia làm bất cứ điều gì với phần tử. Mẫu của phần tử tùy chỉnh của tôi chưa được sử dụng và do đó, innerHtml của phần tử là <div></div>.

Answer 1

Sửa 2015/11/16:

Chúng tôi đang tìm cách để tạo ra các bài kiểm tra tích hợp sử dụng các yếu tố DOM thực tế khi chúng ta xây dựng ra một bộ kiểm tra mạnh mẽ hơn đối với một số được xây dựng trong các yếu tố tùy chỉnh/thuộc tính. Thanh toán các cam kết trong this branch để biết thêm chi tiết.

---

Dưới đây là một thử nghiệm đơn vị cho một yếu tố tùy chỉnh: https://github.com/aurelia/templating/blob/master/test/behavior-testing.js#L57

Để truy cập vào phần tử DOM thực tế, sử dụng thùng chứa dependency injection Aurelia của:

import {inject} from 'aurelia-framework'; 

@inject(Element) 
export class MyViewModelOrCustomElementOrAttribute { 
    constructor(element) { 
    // use the element 
    this.element = element; 
    } 
} 

Đơn vị kiểm tra sẽ có một cái gì đó như thế này:

let myvm =BehaviorInstance.createForUnitTest(MyViewModelOrCustomElementOrAttribute, attributesFromHTML, bindingContext); 
let actualDomElement = myvm.element;