Jozimar Back's codding blog

 Ao longo do desenvolvimento de sua aplicação fica cada vez mais difícil de testar todos os cenários possíveis conforme incluímos novas funcionalidades. Este é um velho assunto e mais uma vez a automação de testes esta ai para nos ajudar. Se você esta criando suas aplicações em angular e sente a necessidade de saber se as páginas funcionam conforme o esperado, é uma boa prática implementar os testes com o PROTRACTOR Quando você cria uma aplicação com angular cli , são incluídos os arquivos necessários para realizar testes automatizados com protractor. Estes arquivos podem ser encontrados no diretório e2e/src. Na pasta são encontrados arquivos de configuração do protractor e os arquivos iniciais para com os testes com código similar ao a seguir: Na construção dos testes você terá a disposição a união matadora do jasmine na parte de checagem com teste unitário e o selenium na parte de execução de navegador com teste de sistema. A organização de arq...

Recentemente tenho utilizado componentes DevExtreme da DevExpress em aplicações angular.  Ao instalar o DeveExtreme em aplicações angular na versão 6, uma das dependências chamadas jszip utilizada na exportação do grid pode apresentar um erro durante a build.  ERROR in ./node_modules/jszip/lib/readable-stream-browser.js Para resolver este problema você pode adicionar a dependência de pacote npm chama stream. npm i stream Após a instalação deste pacote tudo deve voltar ao normal. 😄

Utilizar o modulo http no angular é muito prático. No código abaixo deixo exemplo de como modificar o header para realizar post com cabeçalho da requisição alterado. No atributo headers das opçoes que podem ser informadas no http post você pode informar mais atributos conforme sua necessidade. Caso seu publico alvo seja usuários do querido navegador IE e estiver com problemas ao utilizar a classe URLSearchParams de uma olhada no post  Angular 5: ERROR ReferenceError: 'URLSearchParams' . Att,Back

Se você esta tendo problemas ao rodar o comando ng new 'nomedaapp'  no angular 6 após atualizar seu angular cli, existem alguns passos que podem ser seguidos: 1. Verificar se não há algum diretório npm_module na pasta desktop 2. Rodar o comando  npm cache verify   e esperar pela verificação. 3. Tentar reinstalar o angular cli: npm uninstall @angular/cli -g npm install @angular/cli -g Após cada um dos passos tente criar novamente uma angular app e verifique se o erro persiste. Att, Back

Em requisições http no angular, muitas vezes é utilizado a interface  URLSearchParams . Ao utilizar em navegadores modernos tudo funciona perfeitamente. Porém ao utilizar no IE você depara-se com o erro  ERROR ReferenceError: 'URLSearchParams'.  Se olharmos para tabela disponível no site CanIUse podemos notar que esta interface não esta disponível no nosso amado navegador Internet Explorer.

Neste post gostaria de mostrar um forma de criar um componente para listar telefones com VUE . Este exemplo pode ser utilizado dentro de um formulário para agrupar diversos telefones de um cliente ou pessoa por exemplo: O  resultado deste componente é um array de telefones que pode ser enviado ao seu back-end e relacionado a algum registro de pessoa, empresa ou algo da sua necessidade. Em caso de edição para exibição dos registros já salvos pode ser utilizado a função mounted  e carregar todos os telefones para dentro do componente. O resultado do código acima com Bootstrap é algo como a imagem abaixo: Um exemplo do componente funcionando podeser visto em: https://jsfiddle.net/backos/kwcrr9bq/

Em muitos casos você cria uma projeto com métodos internos ou protegidos por questões de design do projeto e segurança. Mas, em algum momento vem a necessidade liberar acesso para algum projeto que é de sua confiança. Caso você tenha um projeto com classes ou métodos protected e internal e tenha necessidade em utilizar o código em outro projeto, como por exemplo um projeto de testes unitários para validar seu código, você pode adicionar uma regra no assembly do projeto que contem os objetos internal e protected. Na classe AssemblyInfo.cs que se encontra no nó Properties adicione comando a seguir, substituindo namespace  DotNet.Mongo.Repository.Test pelo namespace do seu projeto que irá acessar as rotinas internas.  [ assembly :  InternalsVisibleTo ( "DotNet.Mongo.Repository.Test" )] Assim você define que seu projeto com objetos definidos com internos ou protegidos confia neste segundo projeto que necessita do acesso a estas rotinas. Até a ...