如何模拟 Jest 中的只读属性？

Question

我有一个 function，它将大写字母的字符串转换为大写字母前带有破折号的字符串，并将字符串变为小写。

formattedType() {
        // Adds a dash before the uppercase and make everything lowercase
        const type = this.props.type?.split(/(?=[A-Z])/).join("-").toLowerCase();
        return type;
}

describe("formattedType method", () => {
    it("should transform the string into lowercase with a dash as seperator", () => {
        // given
        FormTrack.prototype.props.type= 'testOption';
        

        // when
        const actualResult = FormTrack.prototype.formattedFormType();

        // then
        expect(actualResult).toBe('test-option');
    });
});

但我收到以下错误： Cannot assign to 'type' because it is a read-only property

我怎样才能模拟道具类型来覆盖 function formattedType()

Answer 1

您可以使用 static 方法Object.defineProperty直接在 object 上定义新属性或修改 object 上的现有属性。

例如：

describe("formattedType method", () => {
    it("should transform the string into lowercase with a dash as seperator", () => {
        // given
        Object.defineProperty(FormTrack.prototype.props, 'type', {value: 'testOption' });

        // when
        const actualResult = FormTrack.prototype.formattedFormType();

        // then
        expect(actualResult).toBe('test-option');
    });
});