Add test for ProfitSymbol

tests/unit/ProfitSymbol.spec.ts

@@ -0,0 +1,56 @@
+/* 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: { trade: {} } });
+  });
+  it('calculates isProfitable with negative profit', () => {
+    const trade = {
+      close_profit: -0.5,
+      current_profit: -0.5,
+      profit_ratio: -0.5,
+    };
+    cmp.setProps({ trade });
+
+    expect(cmp.vm.isProfitable).toBe(false);
+  });
+  it('calculates isProfitable with positive profit', () => {
+    const trade = {
+      close_profit: 0.5,
+      current_profit: 0.5,
+      profit_ratio: 0.5,
+    };
+    cmp.setProps({ trade });
+
+    expect(cmp.vm.isProfitable).toBe(true);
+  });
+
+  it('renders triangle down when profit is negative', async () => {
+    const trade = {
+      close_profit: -0.5,
+      current_profit: -0.5,
+      profit_ratio: -0.5,
+    };
+    cmp.setProps({ trade });
+    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 trade = {
+      close_profit: 0.5,
+      current_profit: 0.5,
+      profit_ratio: 0.5,
+    };
+    cmp.setProps({ trade });
+    await Vue.nextTick();
+    expect(cmp.html()).toContain('triangle-up');
+    expect(cmp.html()).not.toContain('triangle-down');
+  });
+});