O que entende por 'Sources'?

No contexto do desenvolvimento web e testes, "Sources" refere-se ao conjunto de ficheiros fonte que compõem uma aplicação web ou um site.

Isto inclui:

• Ficheiros HTML: A estrutura da página web.
• Ficheiros CSS: O layout e estilos dos elementos.
• Ficheiros JavaScript: A lógica do cliente, interatividade.
• Imagens: Elementos gráficos (formatos JPEG, PNG, SVG, etc.).
• Fontes: Ficheiros de fontes (formatos WOFF, WOFF2, TTF, etc.).
• Outros recursos: Por exemplo, ficheiros JSON para dados, ícones SVG, etc.

Nas ferramentas de desenvolvimento dos navegadores (por exemplo, Chrome DevTools, Firefox Developer Tools), a aba "Sources" permite visualizar, depurar e analisar estes ficheiros do lado do cliente. Isto é crucial para um engenheiro de QA, para:

• Verificar os recursos carregados.
• Depurar o código JavaScript para detectar erros.
• Analisar a estrutura e estilos da página.
• Definir pontos de interrupção para execução passo a passo do código.

Assim, "Sources" são os componentes básicos que formam a interface de utilizador e a funcionalidade da aplicação web, acessíveis para inspeção e depuração do lado do cliente.