Escrever mochitests para novos recursos no DevTools pode ser difícil e demorado. Há tantos elementos interagindo de forma assíncrona que, muitas vezes, acabo usando o depurador para depurar o depurador! Nos casos em que não está claro qual interação não está funcionando corretamente, acabo recorrendo a uma função utilitária simples: waitForever. Ao usar essa função, em conjunto com o await, posso interagir com a página enquanto um determinado teste está sendo executado para encontrar o problema!

O JavaScript

waitForever é um trecho muito pequeno:

function waitForever() {
  return new Promise(r => {});
}

// Usage:
await waitForever();

A função usa uma promessa que nunca é resolvida e, portanto, nenhuma instrução adicional é acionada, além de não bloquear o navegador. A partir daí, posso clicar e explorar os elementos para descobrir o que fiz de errado no meu teste.

Funções utilitárias como essas tornam o desenvolvimento da Web muito mais fácil e agradável. Adicione essa função à sua caixa de ferramentas!

  • Gradientes CSS

    Com CSS border-radiusNo artigo anterior, mostrei aos senhores como o CSS pode preencher a lacuna entre o design e o desenvolvimento, adicionando cantos arredondados aos elementos. Os gradientes CSS são outra etapa nessa direção. Agora que os gradientes CSS são compatíveis com o Internet Explorer 8+, Firefox, Safari e Chrome…

  • Envie mensagens de texto com PHP

    As crianças de hoje em dia, eu lhe digo. Tudo o que lhes interessa é a tecnologia. Os videogames. A água engarrafada. Ah, e as mensagens de texto, sempre as mensagens de texto. Na minha época, tudo o que tínhamos era… OK, eu também tinha todas essas coisas. Mas ainda não entendo…