Как написать асинхронный jest тест для action // mobx?

Question

[Levingstoun]

Сам action

addItem = text => {
           axios.post("/task", {
               headers: { "Content-Type": "application/json" },
               text: text
             })
             .then(res => {
               this.arr.push(res.data.task);
             })
             .catch(e => console.log(e));
         };

Пробовал что-то типа такого, не получилось, получаю ошибку TypeError: Cannot read property 'then' of undefined

describe("STORE", () => {
  it("create new task", () => {
    const store = new Store();
    const text = "test";
    store.addItem(text).then( () => {
    return expect(store.arr.length).toBe(1);
    })
  });
});

Answer 1

[Дмитрий Беляев]

Во-первых, addItem ничего не возвращает, естественно нельзя вызвать у ничего (undefined) метод then, так как у undefined в принципе не может быть методов. Нужно добавить return:

addItem = text => {
           return axios.post("/task", {
               headers: { "Content-Type": "application/json" },
               text: text
             })
             .then(res => {
               this.arr.push(res.data.task);
             })
             .catch(e => console.log(e));
         };

Во-вторых, у jest для промисов есть конструкция resolves

describe("STORE", () => {
  it("create new task", () => {
    const store = new Store();
    const text = "test";
    expect(store.addItem(text)).resolves.toBe(1);
  });
});

И да, тест будет вполне законно провален, причина опять таки в return, но с этим я уже предлагаю разобраться самостоятельно

Comments

[Levingstoun]

Спасибо! Только в expect нужен Promise, иначе resolves не срабатывает.