Как написать модульное тестирование для функций в React JS?

Question

В моем файле App.js есть функция, как показано ниже.

function unCamelCase(val) {
   return val.replace(/([a-z])([A-Z])/g, '$1 $2')
        .replace(/\b([A-Z]+)([A-Z])([a-z])/, '$1 $2$3')
        .replace(/^./, function(str){ return str.toUpperCase();   })
}

Как написать модульное тестирование для вышеуказанной функции.

Заранее спасибо.

Answer 1

Вы когда-нибудь слышали о Джесте? Я считаю, что Facebook использует его для проверки всего своего кода JavaScript. Я использовал это в очень незначительной степени в одном из моих проектов. Если вам интересно, эта страница объясняет, как его настроить.

https://jestjs.io/docs/en/getting-started.html

Пример реализации (с unCamelCase.js, находящимся вне тестовой папки, и test_unCamelCase.js, находящимся внутри):

// test_unCamelCase.js

const unCamelCase = require('../unCamelCase');

test("test unCamelCase", () => {
    expect(unCamelCase("camelCase")).toBe("Camel Case")
    expect(unCamelCase("moreThanTwoWords")).toBe("More Than Two Words")
    expect(unCamelCase("symb0lsAndNumber$")).toBe("Symb0ls And Number$")
})

// unCamelCase.js

function unCamelCase(val) {
    return val.replace(/([a-z])([A-Z])/g, '$1 $2')
         .replace(/\b([A-Z]+)([A-Z])([a-z])/, '$1 $2$3')
         .replace(/^./, function(str){ return str.toUpperCase();   })
}

module.exports = unCamelCase