QUnit测试：您是否避免包含HTML？

Question

我使用QUnit进行May js测试，但是维护固定的html感到非常恼火，以便它可以准确反映我的实际页面html（id，类名等）。我最近检查了一个页面，然后不得不去更改QUnit测试文件中的所有html，这是一个巨大的痛苦。

我现在尝试将所有DOM交互都排除在大多数js函数之外，例如在初始JQuery事件下除外。这样，我就可以使用QUnit来测试接受输入和返回输出的函数，而无需与任何html交互，并且让硒处理DOM交互。

不喜欢：

const convert_val = function(val) {
    $('#id2').value(val + 1);
});

const trigger = function() {
    $('.class').on('click', function() {
        const value = $('#id1).value();
        convert_val(value);


}

赞：

const trigger = function() {
    $('.class').on('click', function() {

        const value = $('#id1).value();

        $('#id2').value(value + 1);
}

在第一个版本中，我现在只能测试convert_val，让硒担心trigger，与第二个版本一样，如果要测试convert_val，我必须提供qunit夹具html。所以我的主要问题是，还有其他人吗 尝试避免qunit Fixture html /是否有更好的方法来避免必须维护两组html？