Feat/63 Deal ticket (#82)
* scaffold dealticket package, remove trading views from react-helpers
* add deal ticket component, add intent utils, expand dialog and form group styles
* add splash component, show market not found message if market doesnt exist
* tidy up error handling
* add handleError method for vega tx hook
* add better testname for provider test, flesh out tests a bit more for deal ticket
* Add unit tests for useVegaTransaction and useOrderSubmit hooks
* add wrapper component for order dialog styles
* add vega styled loader to ui toolkit and use in order dialog
* add title prop to order dialog
* split limit and market tickets into own files
* add button radio component
* revert dialog styles
* move splash component to ui-toolkit, add story
* convert intent to enum
* Make button always type=button unless type prop is passed
* inline filter logic for tif selector
* add date-fns, add datetime to helpers
* add order types to wallet package, make price undefined if order type is market
* use enums in deal ticket logic
* tidy up order state by moving submit and transaction hooks out of deal ticket
* add comment for dialog styles
* remove decimal from price input
* add types package, delete old generated types from trading project
* rename types package to graphql
* update generate command to point to correct locations
* fix use order submit test
* use intent shadow helper
* remove date-fns and format manually, update submit button error to use input-error
* remove stray console.log
2022-03-17 19:35:46 +00:00
|
|
|
import { act, renderHook } from '@testing-library/react-hooks';
|
2022-03-29 22:52:51 +00:00
|
|
|
import { VegaWalletContext, VegaWalletContextShape } from './context';
|
Feat/63 Deal ticket (#82)
* scaffold dealticket package, remove trading views from react-helpers
* add deal ticket component, add intent utils, expand dialog and form group styles
* add splash component, show market not found message if market doesnt exist
* tidy up error handling
* add handleError method for vega tx hook
* add better testname for provider test, flesh out tests a bit more for deal ticket
* Add unit tests for useVegaTransaction and useOrderSubmit hooks
* add wrapper component for order dialog styles
* add vega styled loader to ui toolkit and use in order dialog
* add title prop to order dialog
* split limit and market tickets into own files
* add button radio component
* revert dialog styles
* move splash component to ui-toolkit, add story
* convert intent to enum
* Make button always type=button unless type prop is passed
* inline filter logic for tif selector
* add date-fns, add datetime to helpers
* add order types to wallet package, make price undefined if order type is market
* use enums in deal ticket logic
* tidy up order state by moving submit and transaction hooks out of deal ticket
* add comment for dialog styles
* remove decimal from price input
* add types package, delete old generated types from trading project
* rename types package to graphql
* update generate command to point to correct locations
* fix use order submit test
* use intent shadow helper
* remove date-fns and format manually, update submit button error to use input-error
* remove stray console.log
2022-03-17 19:35:46 +00:00
|
|
|
import { ReactNode } from 'react';
|
|
|
|
import { useVegaTransaction, VegaTxStatus } from './use-vega-transaction';
|
2022-03-29 22:52:51 +00:00
|
|
|
import { OrderSubmission } from './types';
|
Feat/63 Deal ticket (#82)
* scaffold dealticket package, remove trading views from react-helpers
* add deal ticket component, add intent utils, expand dialog and form group styles
* add splash component, show market not found message if market doesnt exist
* tidy up error handling
* add handleError method for vega tx hook
* add better testname for provider test, flesh out tests a bit more for deal ticket
* Add unit tests for useVegaTransaction and useOrderSubmit hooks
* add wrapper component for order dialog styles
* add vega styled loader to ui toolkit and use in order dialog
* add title prop to order dialog
* split limit and market tickets into own files
* add button radio component
* revert dialog styles
* move splash component to ui-toolkit, add story
* convert intent to enum
* Make button always type=button unless type prop is passed
* inline filter logic for tif selector
* add date-fns, add datetime to helpers
* add order types to wallet package, make price undefined if order type is market
* use enums in deal ticket logic
* tidy up order state by moving submit and transaction hooks out of deal ticket
* add comment for dialog styles
* remove decimal from price input
* add types package, delete old generated types from trading project
* rename types package to graphql
* update generate command to point to correct locations
* fix use order submit test
* use intent shadow helper
* remove date-fns and format manually, update submit button error to use input-error
* remove stray console.log
2022-03-17 19:35:46 +00:00
|
|
|
|
|
|
|
const defaultWalletContext = {
|
|
|
|
keypair: null,
|
|
|
|
keypairs: [],
|
|
|
|
sendTx: jest.fn(),
|
|
|
|
connect: jest.fn(),
|
|
|
|
disconnect: jest.fn(),
|
|
|
|
selectPublicKey: jest.fn(),
|
|
|
|
connector: null,
|
|
|
|
};
|
|
|
|
|
|
|
|
function setup(context?: Partial<VegaWalletContextShape>) {
|
|
|
|
const wrapper = ({ children }: { children: ReactNode }) => (
|
|
|
|
<VegaWalletContext.Provider value={{ ...defaultWalletContext, ...context }}>
|
|
|
|
{children}
|
|
|
|
</VegaWalletContext.Provider>
|
|
|
|
);
|
|
|
|
return renderHook(() => useVegaTransaction(), { wrapper });
|
|
|
|
}
|
|
|
|
|
|
|
|
test('Has the correct default state', () => {
|
|
|
|
const { result } = setup();
|
|
|
|
expect(result.current.transaction.status).toEqual(VegaTxStatus.Default);
|
|
|
|
expect(result.current.transaction.hash).toEqual(null);
|
|
|
|
expect(result.current.transaction.signature).toEqual(null);
|
|
|
|
expect(result.current.transaction.error).toEqual(null);
|
|
|
|
expect(typeof result.current.reset).toEqual('function');
|
|
|
|
expect(typeof result.current.send).toEqual('function');
|
|
|
|
});
|
|
|
|
|
|
|
|
test('If provider returns null status should be default', async () => {
|
|
|
|
const mockSendTx = jest.fn().mockReturnValue(Promise.resolve(null));
|
|
|
|
const { result } = setup({ sendTx: mockSendTx });
|
|
|
|
await act(async () => {
|
|
|
|
result.current.send({} as OrderSubmission);
|
|
|
|
});
|
|
|
|
expect(result.current.transaction.status).toEqual(VegaTxStatus.Default);
|
|
|
|
});
|
|
|
|
|
|
|
|
test('Handles a single error', async () => {
|
|
|
|
const errorMessage = 'Oops error!';
|
|
|
|
const mockSendTx = jest
|
|
|
|
.fn()
|
|
|
|
.mockReturnValue(Promise.resolve({ error: errorMessage }));
|
|
|
|
const { result } = setup({ sendTx: mockSendTx });
|
|
|
|
await act(async () => {
|
|
|
|
result.current.send({} as OrderSubmission);
|
|
|
|
});
|
|
|
|
expect(result.current.transaction.status).toEqual(VegaTxStatus.Rejected);
|
|
|
|
expect(result.current.transaction.error).toEqual({ error: errorMessage });
|
|
|
|
});
|
|
|
|
|
|
|
|
test('Handles multiple errors', async () => {
|
|
|
|
const errorObj = {
|
|
|
|
errors: {
|
|
|
|
something: 'Went wrong!',
|
|
|
|
},
|
|
|
|
};
|
|
|
|
const mockSendTx = jest.fn().mockReturnValue(Promise.resolve(errorObj));
|
|
|
|
const { result } = setup({ sendTx: mockSendTx });
|
|
|
|
await act(async () => {
|
|
|
|
result.current.send({} as OrderSubmission);
|
|
|
|
});
|
|
|
|
expect(result.current.transaction.status).toEqual(VegaTxStatus.Rejected);
|
|
|
|
expect(result.current.transaction.error).toEqual(errorObj);
|
|
|
|
});
|
|
|
|
|
|
|
|
test('Returns the signature if successful', async () => {
|
|
|
|
const successObj = {
|
|
|
|
tx: {
|
|
|
|
inputData: 'input-data',
|
|
|
|
signature: {
|
|
|
|
algo: 'algo',
|
|
|
|
version: 1,
|
|
|
|
value: 'signature',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
txHash: '0x123',
|
|
|
|
};
|
|
|
|
const mockSendTx = jest.fn().mockReturnValue(Promise.resolve(successObj));
|
|
|
|
const { result } = setup({ sendTx: mockSendTx });
|
|
|
|
await act(async () => {
|
|
|
|
result.current.send({} as OrderSubmission);
|
|
|
|
});
|
|
|
|
expect(result.current.transaction.status).toEqual(VegaTxStatus.Pending);
|
|
|
|
expect(result.current.transaction.hash).toEqual(successObj.txHash);
|
|
|
|
expect(result.current.transaction.signature).toEqual(
|
|
|
|
successObj.tx.signature.value
|
|
|
|
);
|
|
|
|
});
|