frequi_origin/tests/unit/ProfitSymbol.spec.ts

/* eslint-disable @typescript-eslint/camelcase */
import { mount } from '@vue/test-utils';
import Vue from 'vue';
import ProfitSymbol from '@/components/ftbot/ProfitSymbol.vue';

describe('ProfitSymbol.vue', () => {
  let cmp;

  beforeEach(() => {
    cmp = mount(ProfitSymbol, { propsData: { profit: 0 } });
  });
  it('calculates isProfitable with negative profit', async () => {
    const profit = -0.5;
    cmp.setProps({ profit });
    await Vue.nextTick();
    expect(cmp.vm.isProfitable).toBe(false);
  });
  it('calculates isProfitable with positive profit', async () => {
    const profit = 0.5;
    cmp.setProps({ profit });
    await Vue.nextTick();
    expect(cmp.vm.isProfitable).toBe(true);
  });

  it('renders triangle down when profit is negative', async () => {
    const profit = -0.5;
    cmp.setProps({ profit });
    await Vue.nextTick();
    expect(cmp.html()).toContain('triangle-down');
    expect(cmp.html()).not.toContain('triangle-up');
  });

  it('renders triangle up when profit is positive', async () => {
    const profit = 0.5;
    cmp.setProps({ profit });
    await Vue.nextTick();
    expect(cmp.html()).toContain('triangle-up');
    expect(cmp.html()).not.toContain('triangle-down');
  });
});