DEV Community: Hemershon Silva

Resolvendo Problemas com Assets no Rails

Hemershon Silva — Thu, 22 Feb 2024 15:16:55 +0000

Resolvendo Problemas com Assets no Rails

Olá, pessoal!

Hoje quero compartilhar uma dica rápida para resolver problemas com assets no Rails, algo que pode ser um pouco frustrante, mas que tem solução!

Verifique o Caminho do Asset: Certifique-se de que o caminho para o asset esteja correto em seu arquivo de visualização (view) ou de estilo (stylesheet). Por exemplo, se você estiver referenciando uma imagem, certifique-se de que o caminho esteja correto e que a imagem exista no local esperado.

Pré-compilação de Assets: Se você estiver enfrentando problemas com assets não sendo carregados em produção, pode ser necessário pré-compilar os assets. Execute o comando RAILS_ENV=production rails assets:precompilepara pré-compilar os assets para o ambiente de produção.

Verifique as Permissões de Arquivo: Certifique-se de que o servidor web tenha permissão para acessar os assets. Verifique as permissões de arquivo e pasta para garantir que o servidor web possa ler os assets.

Ative o Servidor de Assets: Se você estiver em um ambiente de desenvolvimento e os assets não estiverem sendo carregados corretamente, verifique se o servidor de assets está ativado. No arquivo config/environments/development.rb, verifique se a configuração config.assets.debug está definida como true.

Verifique a Configuração de Rotas: Se estiver enfrentando problemas com rotas de assets, verifique a configuração de rotas em seu arquivo config/routes.rb. Certifique-se de que as rotas de assets estejam configuradas corretamente.
Exemplos:

Referenciando uma Imagem em um Arquivo de Estilo (CSS):

background-image: url('<%= asset_path 'imagem.jpg' %>');
Neste exemplo, imagem.jpg é o nome do arquivo de imagem localizado na pasta app/assets/images/.

Referenciando um Arquivo CSS em um Layout (ERB):
<%= stylesheet_link_tag 'meu-estilo' %>
Neste caso, o arquivo meu-estilo.css está localizado na pasta app/assets/stylesheets/.

Referenciando um Arquivo JavaScript em um Layout (ERB):
<%= javascript_include_tag 'meu-script' %>
O arquivo meu-script.js estaria localizado na pasta app/assets/javascripts/.

Referenciando uma Fonte em um Arquivo de Estilo (CSS):
@font-face { font-family: 'MinhaFonte'; src: url('<%= asset_path 'minha-fonte.woff' %>') format('woff'); }
Neste exemplo, minha-fonte.woff é o arquivo de fonte localizado na pasta app/assets/fonts/.

Espero que essas dicas sejam úteis para resolver problemas com assets no Rails.

Rails #DesenvolvimentoWeb #Assets #Problemas #Soluções #Dicas

Fundamentos do Rspec

Hemershon Silva — Fri, 16 Feb 2024 13:05:18 +0000

O RSpec é uma biblioteca de teste de comportamento (behavior-driven testing) para a linguagem de programação Ruby. O seu objetivo é facilitar a escrita de testes legíveis e expressivos, fornecendo uma sintaxe clara e concisa que descreve o comportamento esperado de um sistema.

O fundamento básico do RSpec é o uso de uma sintaxe de domínio específica (DSL - Domain Specific Language) que permite que os testes sejam escritos de forma semelhante à especificação do comportamento do sistema. Isso ajuda a criar uma documentação viva dos requisitos e comportamentos esperados, além de facilitar a leitura e manutenção dos testes.

O RSpec segue uma abordagem chamada "describe-it", onde os testes são organizados em blocos descritivos chamados "describe" que agrupam os cenários de teste relacionados. Dentro de cada bloco "describe", são definidos os testes individuais utilizando a palavra-chave "it". Cada teste deve ter uma expectativa (expectation) que define o resultado esperado.

Além disso, o RSpec fornece uma série de "matchers" que são utilizados para verificar se um resultado é igual ao esperado. Esses matchers incluem comparações de igualdade, verificação de tipos, comparação de coleções, entre outros.

A estrutura básica de um teste RSpec é a seguinte:


describe "Nome do objeto em teste" do
  it "descrição do cenário de teste" do
    # Configuração do ambiente de teste

    # Ação a ser testada

    # Verificação do resultado esperado usando os matchers
  end
end

Essa é apenas uma visão geral do fundamento básico do RSpec. A biblioteca oferece muitos recursos adicionais, como "before" e "after" hooks para configuração prévia e limpeza posterior dos testes, uso de "context" para definir diferentes cenários, uso de "mocks" e "stubs" para simular comportamentos, entre outros. Esses recursos permitem que os testes sejam escritos de forma mais eficiente e flexível.

Métodos para tratar array

Hemershon Silva — Fri, 16 Feb 2024 12:30:16 +0000

Recentemente me deparei em uma situação interessante, qual é o momento em que devemos usar map, select e o each, normalmente eu uso o each com frequência aí veio a dúvida em qual momento devemos usar os outros métodos e qual é a diferença entre eles?

Dica: antes de procura em toda parte da web vá primeiro na documentação leia se não entendeu procure contexto diferentes de explicação, por que é importante você saber usar a documentação. Procurando na documentação você se depara com a seguinte situação;

MAP

O map invoca o bloco fornecido uma vez para cada elemento de self. Criando um novo array contendo os valores retornados pelo bloco, se caso nenhum bloco for fornecido, um Enumerador será retornado

Detalhes do map:
O podemos usar ele com arrays, hashes e ranges o principal uso do map é transformar dados.

por exemplo:
Dada uma matriz de strings, você pode passar por cima de cada string e tornar cada caractere maiúsculo

Sintaxe do map no Ruby

array = ["a", "b", "c"]
array.map { |string| string.upcase } # ["A", "B", "C"]

Collect
A collect invoca o bloco fornecido uma vez para cada elemento de self, ele criar um novo array contendo os valores retornados pelo bloco, se não estiver nenhum bloco ele será retornado um Enumerador, no caso é a mesma coisa que o map.

Detalhes do collect

O collect() de enumerable é um método embutido em ruby que retorna um novo array com resultados da execução do bloco uma vez para cada elemento em enum O objeto é repetido todas as veses para cada enum, caso nenhum objeto seja fornecido, ele retorna nil para cada enum

Sintaxe:

(r1..r2).collect {|obj| bloquado }

Parâmetros: A função pega o objeto e o bloco que é para cada enum, também leva r1 e r2 que decide o número de elementos no enumerável retornado.

valor do retorno: Retorna um novo array

retorna o enumerador

enu = (2..6).collect { |x| x * 10 } # [20, 30, 40, 50, 60]
retorna o valor nil

enu = (2..6).collect {} # [nil, nil, nil, nil, nil]

fonte: Geeksforgeeks
Select

O select funciona de duas maneiras únicas; Primeiro: pega o bloco para que possa ser usado como array#select Segundo: Modifica a instrução SELECT da consulta para que apenas determinados campos sejam recuperados.

Exemplo:

[1, 2, 3, 4, 5].select { |num| num.event? } # [2, 4]

Exemplo 2:


a = %w{ a b c d e f }
a.select { |v| v =~ /[aeiou]/ } # ["a", "e"]

Detalhes do select

Select é um método de calsse array que retorna um novo array contendo todos os elementos do array para os quais o bloco dado retorna um valor verdadeiro.

Sintaxe: array.select()

Parâmentro: Matriz

Retorno: Uma nova matriz contendo todos os elemetos da matriz para os quais o bloco fornecido retorna um valor verdadeiro.

fonte: Geeksforgeeks

O each chama o bloco fornecido uma vez para cada elemento em self, passando esse elemento como um parâmetro, no caso ele retornar o próprio array, se caso nenhum bloco for fornecedor ele também traz um Enumerador.

 a = [ "a", "b", "c" ]
 a.each { |x| print x, "--" } # a--b--c-- => ["a", "b", "c"]

Isso foi um resumo para entender melhor como tratar seus array usando métodos diferentes para situações diferentes.

Fontes: Apidock