sexta-feira, 15 de janeiro de 2016

Como setar o img src com CSS?

Opa :)

Eu não queria colocar o src da minha logo em todos os lugares que iam utilizar a logo, então ao invés de fazer isso:

  <img class="img/minha-logo.png" />

Eu fiz isso:

  <img class="minha-logo" />

  .minha-logo {
      content: url("img/minha-logo.png");
  }

Pronto, está "componentizado" :D

Abraço!
Adriano Schmidt

domingo, 10 de janeiro de 2016

Como mockar o document com Jasmine?

Oi :)

Eu tinha no meu código AngularJs (Ionic) o seguinte trecho de código:
document.getElementById("canvasId").getContext("2d")

Quando eu fui rodar o meu teste com Jasmine obtive o erro:
User Controller
    ? when the user creates the product
        TypeError: 'null' is not an object (evaluating 'document.getElementById('canvasId').getContext')
            at C:/Dropbox/workspaces/ws-ionic/my-app/www/js/user/userCtrl.js:9
            at C:/Dropbox/workspaces/ws-ionic/my-app/www/lib/angular/angular.js:11659
            at C:/Dropbox/workspaces/ws-ionic/my-app/www/lib/angular/angular.js:11745

Para resolver isso eu tinha que fazer um mock da variável document.

Para isso, bastou adicionar as duas linhas abaixo no beforeEach do meu teste (ou em qualquer lugar do teste antes de chegar nas linhas que geraram o erro):
$document = angular.element(document);
$document.find('body').append('<canvas id="bar"></canvas>');

É isso aí, abraço!!
Adriano Schmidt

quinta-feira, 7 de janeiro de 2016

Como converter e formatar datas em Angular?

Faaala :D

Se você tem a data, mas ela está como String, você precisa primeiro transformá-la numa data:

var myDate = new Date(myStringDate);

Depois, é só formatar como quiser:

var formattedDate = $filter('date')(myDate, 'dd/MM/yyyy');

Veja que usamos o $filter, então você deve ter ele acessível :)

Abraço!!
Adriano Schmidt