[DDW-942] Added tests

Author: Lucas Araujo

source/renderer/app/components/assets/Asset.spec.tsx

@@ -0,0 +1,73 @@
+import React from 'react';
+import BigNumber from 'bignumber.js';
+import { render, screen, cleanup } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import Asset from './Asset';
+import { TestDecorator } from '../../../../../tests/_utils/TestDecorator';
+
+const assets = [
+  {
+    policyId: 'policyId',
+    assetName: '54657374636f696e',
+    quantity: new BigNumber(1),
+    fingerprint: 'fingerprint',
+    metadata: {
+      name: 'Testcoin',
+      description: 'Test coin',
+    },
+    uniqueId: 'uniqueId',
+    decimals: 1,
+    recommendedDecimals: null,
+  },
+  {
+    policyId: 'policyId',
+    assetName: '436f696e74657374',
+    quantity: new BigNumber(1),
+    fingerprint: 'fingerprint',
+    uniqueId: 'uniqueId',
+    decimals: 1,
+    recommendedDecimals: null,
+  },
+  {
+    policyId: 'policyId',
+    assetName: '',
+    quantity: new BigNumber(1),
+    fingerprint: 'fingerprint',
+    uniqueId: 'uniqueId',
+    decimals: 1,
+    recommendedDecimals: null,
+  },
+];
+
+describe('Asset', () => {
+  afterEach(cleanup);
+
+  test('Should display asset metadata name', () => {
+    render(
+      <TestDecorator>
+        <Asset asset={assets[0]} />
+      </TestDecorator>
+    );
+    expect(screen.queryByTestId('assetName')).toHaveTextContent('Testcoin');
+  });
+
+  test('Should display asset ASCII name', () => {
+    render(
+      <TestDecorator>
+        <Asset asset={assets[1]} />
+      </TestDecorator>
+    );
+    expect(screen.queryByTestId('assetName')).toHaveTextContent(
+      'ASCII: Cointest'
+    );
+  });
+
+  test('Should display empty name', () => {
+    render(
+      <TestDecorator>
+        <Asset asset={assets[2]} />
+      </TestDecorator>
+    );
+    expect(screen.queryByTestId('assetName')).toBeNull();
+  });
+});

source/renderer/app/components/assets/Asset.tsx

@@ -181,7 +181,8 @@ class Asset extends Component<Props, State> {
       assetName,
     } = asset;
     const hasName = !!metadata?.name;
-    const name = metadata?.name || `ASCII: ${hexToString(assetName)}`;
+    const name =
+      metadata?.name || (assetName && `ASCII: ${hexToString(assetName)}`);
     const displayName = metadataNameChars
       ? ellipsis(name, metadataNameChars)
       : name;
@@ -208,6 +209,7 @@ class Asset extends Component<Props, State> {
         </div>
         {displayName && (
           <div
+            data-testid="assetName"
             className={classnames(
               styles.metadataName,
               !hasName && styles.ascii