Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Teste Front-end - Le Tip - Victor Machado #2

Open
wants to merge 57 commits into
base: master
Choose a base branch
from
Open
Changes from 1 commit
Commits
Show all changes
57 commits
Select commit Hold shift + click to select a range
3057415
Projeto Vue adicionado
victormachadogp Nov 22, 2024
f8bcac4
Removendo código inicial Vue
victormachadogp Nov 23, 2024
5a74f5f
Definindo estrutura dos componentes
victormachadogp Nov 23, 2024
1febfce
Implementando funcionalidade ao CurrencySelector
victormachadogp Nov 23, 2024
c1c2da2
Adiciona campo de entrada para o total da conta
victormachadogp Nov 23, 2024
97378cc
Altera nome RangeField para RangeInput
victormachadogp Nov 23, 2024
0ea8880
Adiciona input dinâmico - gorjeta e número pessoas
victormachadogp Nov 23, 2024
8c03eea
Adiciona o pacote sass-embedded
victormachadogp Nov 23, 2024
f0077df
Adiciona Pacote axios
victormachadogp Nov 23, 2024
72af70d
Implementa two-way binding (v-model) no inputRange
victormachadogp Nov 23, 2024
045f3db
Adiciona diretorio services e requisição API
victormachadogp Nov 23, 2024
449507f
Adicionar composables para conversão de moeda
victormachadogp Nov 23, 2024
ce5816b
Melhora dinamicamente o CurrencySelector
victormachadogp Nov 23, 2024
b726104
Melhora dinamicamente o CurrencySelector
victormachadogp Nov 23, 2024
d89b8d0
Refatoração: Substituindo select por toggle
victormachadogp Nov 23, 2024
74eb6df
Adicionado estilo inicial no TipCalculator
victormachadogp Nov 24, 2024
f0ab78d
Adiciona espaçamento nos componentes
victormachadogp Nov 24, 2024
641391b
Estilizando rangeInput
victormachadogp Nov 24, 2024
ce1ef58
Removendo titulo e adicionando padding top
victormachadogp Nov 24, 2024
d35f578
Ajusta visibilidade do painel no mobile
victormachadogp Nov 24, 2024
5b9eb14
Diminuindo padding do input
victormachadogp Nov 24, 2024
abb3f42
Alterando estilo do input
victormachadogp Nov 25, 2024
2c978d6
Alterando estilo do toggle
victormachadogp Nov 25, 2024
7414afa
Aplicar estilo negrito em elementos span
victormachadogp Nov 25, 2024
ef4e8cd
Adicionado box shadow e header
victormachadogp Nov 25, 2024
5a3e23d
Atualização README.md
victormachadogp Nov 25, 2024
a86d199
Adicionado slot e alteração do nome componente
victormachadogp Nov 25, 2024
6bcddd7
Merge remote-tracking branch 'origin/frontend-test/victor-machado' in…
victormachadogp Nov 25, 2024
7f31cb5
Nome da classe alterado
victormachadogp Nov 25, 2024
3e6c7ec
Criando componente CurrencyInput
victormachadogp Nov 25, 2024
848bfb8
Criando componente FloatButton
victormachadogp Nov 25, 2024
4b03c9b
Removendo estilos float no TipCalculator
victormachadogp Nov 25, 2024
8b24805
Personaliza exibição do range input
victormachadogp Nov 25, 2024
c9cd715
Removido step do RangeInput
victormachadogp Nov 25, 2024
d446d24
Remove main.css
victormachadogp Nov 25, 2024
4ba4dc3
Estilo base scss adicionado e background images
victormachadogp Nov 25, 2024
61a7a25
Adicionado titulo Le Tip
victormachadogp Nov 25, 2024
233f88e
Alterado estilo do TipCalculator
victormachadogp Nov 25, 2024
329493e
Adicionando Vitest
victormachadogp Nov 26, 2024
f099c05
Testando CurrencySelector
victormachadogp Nov 26, 2024
07c9f43
Testando componente CurrencyInput
victormachadogp Nov 26, 2024
ed6037f
Testando componente RangeInput
victormachadogp Nov 26, 2024
33ab839
Testando service currencyService
victormachadogp Nov 26, 2024
9054d55
Teste integração com API
victormachadogp Nov 26, 2024
7f376a6
Testando ResultsPanel
victormachadogp Nov 26, 2024
c490130
Removendo error do ResultsPanel
victormachadogp Nov 26, 2024
a724351
Alterando SCSS obsoleto
victormachadogp Nov 26, 2024
eb1cf86
Removendo defineProps, defineEmits
victormachadogp Nov 26, 2024
58028fe
Atualizando SASS JS API
victormachadogp Nov 26, 2024
863aeca
Adicionando dotenv para chave API
victormachadogp Nov 26, 2024
c8a3223
Adicionando teste ao TipCalculator
victormachadogp Nov 26, 2024
683ba80
Explicando useCurrencyConverter
victormachadogp Nov 26, 2024
f4cd13f
Removendo border radius no mobile do ResultsPanel
victormachadogp Nov 26, 2024
fbed78d
Removendo dotenv
victormachadogp Nov 26, 2024
5e7ac2c
Update README.md
victormachadogp Nov 26, 2024
6ae7d7a
Adicionando comentario de API
victormachadogp Nov 26, 2024
46e8538
Merge remote-tracking branch 'origin/frontend-test/victor-machado' in…
victormachadogp Nov 26, 2024
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Adicionando teste ao TipCalculator
victormachadogp committed Nov 26, 2024
commit c8a322303eebaa8c29346c5378407c245cebab7d
36 changes: 36 additions & 0 deletions src/tests/components/TipCalculator.spec.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
import { mount } from '@vue/test-utils'
import { describe, it, expect } from 'vitest'
import TipCalculator from '@/components/TipCalculator.vue'

describe('TipCalculator', () => {
it('deve inicializar com valores padrão corretos', () => {
const wrapper = mount(TipCalculator)

expect(wrapper.vm.billTotal).toBe(0)
expect(wrapper.vm.selectedCurrency).toBe('USD')
expect(wrapper.vm.tipPercentage).toBe(10)
expect(wrapper.vm.peopleCount).toBe(2)
})

it('deve calcular corretamente o valor da gorjeta', () => {
const wrapper = mount(TipCalculator)

wrapper.vm.billTotal = 100
wrapper.vm.tipPercentage = 15

expect(wrapper.vm.tipAmount).toBe(15)
expect(wrapper.vm.totalWithTip).toBe(115)
})

it('deve alternar o painel de resultados em dispositivos móveis', async () => {
const wrapper = mount(TipCalculator)

wrapper.vm.isMobile = true
await wrapper.vm.$nextTick()

const floatButton = wrapper.findComponent({ name: 'FloatButton' })
await floatButton.vm.$emit('toggle')

expect(wrapper.vm.showResultsPanel).toBe(true)
})
})