Angular 6中jQuery数据表回调方法的单元测试

Question

有没有在Angular 6中使用karma/jasmine测试jQuery数据表的回调方法？

我想测试以下方法的页脚回调，但我想不出任何方法。我是单元测试的新手，在网络上找不到任何有用的东西。

 initializeBugIndexPageSetting() {
    let self = this;
    $('example').DataTable({
        'footerCallback': function (row, data, start, end, display) {
            const api = this.api();
            // Remove the formatting to get integer data for summation
            const intVal = function (i) {
                if (i === 'N/A') {
                    return 0;
                }
                return i * 1;
            };
            // Total over this page
            const pageInProgrssToResolved = api
                .column(14, { page: 'current' })
                .data()
                .reduce(function (a, b) {
                    return intVal(a) + intVal(b);
                }, 0);
            const pageCount = api
                .column(5, { page: 'current' })
                .data().count();
           // Update footer           
            $(api.column(14).footer()).html((pageInProgrssToResolved / pageCount).toFixed(2));
        }
    });
}

一点帮助和指导。

Answer 1

我建议将回调的内容放到一个单独的方法中，因为这个新函数很容易进行单元测试。

作为第二个测试，我建议通过在新函数上添加 jasmine spy 来测试 initializeBugIndexPageSetting 函数，然后在 footerCallback 中调用它，您可以检查它是否已被调用 (.toHaveBeenCalledTimes(1)调用initializeBugIndexPageSetting函数后的spy）。

您可以在这里找到有价值的教程：https://scriptverse.academy/tutorials/jasmine-createspy-createspyobj.html