Basically, I am posting id of draft to server to delete draft using fetch and server will response with success text if it succeeds. Here is my code.

```
fetch(this.url + "/vue/api/processdraft?action=delete&id=" + item.id, {
    method: "POST"
})
    .then(response => {
        return response.text();
    })
    .then(function (response) {
        console.log(response);
        if (response === "success") {
            console.log("Test");
            this.draftList.splice(index, 1);
        }
    });

```

In above code, in console.log(response) shows ***success*** as expected. But code inside if block doesn't work. And I cannot figure out what is wrong with it? It won't even print ***Test*** as it is supposed to.
Here is screenshot of output.

[![enter image description here](https://i.stack.imgur.com/zdZks.png)](https://i.stack.imgur.com/zdZks.png)

And I've also checked that there is no white space before or after response text if it matters.

**Edit:** I checked for whitespaces in serverside and although I made sure there were no whitespace, but forgot to consider newline character. So this've been solved using trim() as suggested by answers.