Substituir propriedades padrão com JavaScript

O teste de unidade com JavaScript do lado do cliente é algo que você não faz até ser obrigado a fazer. É claro que o teste de unidade é importante, mas sejamos honestos: a maioria das pessoas fica feliz com o fato de seu código funcionar, certo? De qualquer forma, avançamos rapidamente para um mundo em que os testes unitários são normais e temos um problema a resolver: substituir valores de propriedade nativos do navegador para fins de testes unitários. A seguir, uma estratégia fácil para substituir os valores de propriedade padrão do navegador!

O JavaScript

Não é possível substituir com sucesso todas as propriedades com uma simples declaração; vamos usar navigator.userAgent por exemplo:

console.log(navigator.userAgent);
// >> Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36

// Try to set that value -- will be unsuccessful
navigator.userAgent="Walshbot";

console.log(navigator.userAgent);
// >> Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/52.0.2743.116 Safari/537.36

Substituindo o navigator.userAgent pode ser útil para fins de testes unitários e funcionais, portanto, como podemos alterar esse valor com êxito? Com Object.defineProperty:

// Store the original value
var originalUserAgent = navigator.userAgent;

// Override!
Object.defineProperty(navigator, 'userAgent', {
    get: function() {
        return 'WalshBot';
    }
});

// (Run your tests here)

// Set the value back to original
Object.defineProperty(navigator, 'userAgent', {
    get: function() {
        return originalUserAgent;
    }
});

No snippet acima, salvamos o original Object.defineProperty original, substituímo-lo brevemente e, em seguida, definimos o valor de volta para o original. Object.defineProperty é muito útil, especialmente quando se considera que o segundo argumento é uma função – o senhor pode executar qualquer lógica dentro dessa função para retornar o valor adequado no momento em que for solicitado!