diff --git a/apps/explorer/src/app/components/txs/txs-infinite-list-item.spec.tsx b/apps/explorer/src/app/components/txs/txs-infinite-list-item.spec.tsx
index 56bf8f445..b83eb4fc9 100644
--- a/apps/explorer/src/app/components/txs/txs-infinite-list-item.spec.tsx
+++ b/apps/explorer/src/app/components/txs/txs-infinite-list-item.spec.tsx
@@ -98,6 +98,6 @@ describe('Txs infinite list item', () => {
expect(screen.getByTestId('pub-key')).toHaveTextContent('testPubKey');
expect(screen.getByTestId('tx-type')).toHaveTextContent('testType');
expect(screen.getByTestId('tx-block')).toHaveTextContent('1');
- expect(screen.getByTestId('tx-success')).toHaveTextContent('Success: ✅');
+ expect(screen.getByTestId('tx-success')).toHaveTextContent('Success');
});
});
diff --git a/apps/explorer/src/app/components/txs/txs-infinite-list-item.tsx b/apps/explorer/src/app/components/txs/txs-infinite-list-item.tsx
index b45a170be..8f761b01c 100644
--- a/apps/explorer/src/app/components/txs/txs-infinite-list-item.tsx
+++ b/apps/explorer/src/app/components/txs/txs-infinite-list-item.tsx
@@ -83,7 +83,7 @@ export const TxsInfiniteListItem = ({
data-testid="tx-success"
>
- Success:
+ Success
{isNumber(code) ? (
diff --git a/apps/explorer/src/app/components/vote-icon/vote-icon.spec.tsx b/apps/explorer/src/app/components/vote-icon/vote-icon.spec.tsx
index e69de29bb..b26323803 100644
--- a/apps/explorer/src/app/components/vote-icon/vote-icon.spec.tsx
+++ b/apps/explorer/src/app/components/vote-icon/vote-icon.spec.tsx
@@ -0,0 +1,37 @@
+import { render } from '@testing-library/react';
+import { VoteIcon } from './vote-icon';
+
+describe('Vote TX icon', () => {
+ it('should use the text For by default for yes votes', () => {
+ const yes = render();
+ expect(yes.getByTestId('label')).toHaveTextContent('For');
+ });
+
+ it('should use the yesText for yes votes if specified', () => {
+ const yes = render();
+ expect(yes.getByTestId('label')).toHaveTextContent('Test');
+ });
+
+ it('should display the tick icon for yes votes', () => {
+ const no = render();
+ expect(no.getByRole('img')).toHaveAttribute(
+ 'aria-label',
+ 'tick-circle icon'
+ );
+ });
+
+ it('should use the text Against by default for no votes', () => {
+ const no = render();
+ expect(no.getByTestId('label')).toHaveTextContent('Against');
+ });
+
+ it('should use the noText for no votes if specified', () => {
+ const no = render();
+ expect(no.getByTestId('label')).toHaveTextContent('Test');
+ });
+
+ it('should display the delete icon for no votes', () => {
+ const no = render();
+ expect(no.getByRole('img')).toHaveAttribute('aria-label', 'delete icon');
+ });
+});
diff --git a/apps/explorer/src/app/components/vote-icon/vote-icon.tsx b/apps/explorer/src/app/components/vote-icon/vote-icon.tsx
index 217558be6..f7b29e6d7 100644
--- a/apps/explorer/src/app/components/vote-icon/vote-icon.tsx
+++ b/apps/explorer/src/app/components/vote-icon/vote-icon.tsx
@@ -32,7 +32,9 @@ export function VoteIcon({
className={`voteicon inline-block my-1 py-1 px-2 py rounded-md text-white leading-one sm align-top ${bg}`}
>
- {label}
+
+ {label}
+
);
}