106 lines
3.2 KiB
TypeScript
106 lines
3.2 KiB
TypeScript
import { MarketState } from '@vegaprotocol/types';
|
|
import { mockTradingPage } from '../support/trading';
|
|
import { connectVegaWallet } from '../support/vega-wallet';
|
|
|
|
before(() => {
|
|
cy.mockGQL((req) => {
|
|
mockTradingPage(req, MarketState.STATE_ACTIVE);
|
|
});
|
|
cy.visit('/markets/market-0');
|
|
cy.getByTestId('Orders').click();
|
|
cy.getByTestId('tab-orders').contains('Please connect Vega wallet');
|
|
|
|
connectVegaWallet();
|
|
});
|
|
|
|
describe('orders', () => {
|
|
const orderSymbol = 'market.tradableInstrument.instrument.code';
|
|
const orderSize = 'size';
|
|
const orderType = 'type';
|
|
const orderStatus = 'status';
|
|
const orderRemaining = 'remaining';
|
|
const orderPrice = 'price';
|
|
const orderTimeInForce = 'timeInForce';
|
|
const orderCreatedAt = 'createdAt';
|
|
const cancelOrderBtn = 'cancel';
|
|
const editOrderBtn = 'edit';
|
|
|
|
it('renders orders', () => {
|
|
cy.getByTestId('tab-orders').should('be.visible');
|
|
|
|
cy.getByTestId('tab-orders').within(() => {
|
|
cy.get(`[col-id='${orderSymbol}']`).each(($symbol) => {
|
|
cy.wrap($symbol).invoke('text').should('not.be.empty');
|
|
});
|
|
|
|
cy.get(`[col-id='${orderSize}']`).each(($size) => {
|
|
cy.wrap($size).invoke('text').should('not.be.empty');
|
|
});
|
|
|
|
cy.get(`[col-id='${orderType}']`).each(($type) => {
|
|
cy.wrap($type).invoke('text').should('not.be.empty');
|
|
});
|
|
|
|
cy.get(`[col-id='${orderStatus}']`).each(($status) => {
|
|
cy.wrap($status).invoke('text').should('not.be.empty');
|
|
});
|
|
|
|
cy.get(`[col-id='${orderRemaining}']`).each(($remaining) => {
|
|
cy.wrap($remaining).invoke('text').should('not.be.empty');
|
|
});
|
|
|
|
cy.get(`[col-id='${orderPrice}']`).each(($price) => {
|
|
cy.wrap($price).invoke('text').should('not.be.empty');
|
|
});
|
|
|
|
cy.get(`[col-id='${orderTimeInForce}']`).each(($timeInForce) => {
|
|
cy.wrap($timeInForce).invoke('text').should('not.be.empty');
|
|
});
|
|
|
|
cy.get(`[col-id='${orderCreatedAt}']`).each(($dateTime) => {
|
|
cy.wrap($dateTime).invoke('text').should('not.be.empty');
|
|
});
|
|
|
|
cy.getByTestId(cancelOrderBtn)
|
|
.should('be.visible')
|
|
.and('have.length.at.least', 1);
|
|
|
|
cy.getByTestId(editOrderBtn)
|
|
.should('be.visible')
|
|
.and('have.length.at.least', 1);
|
|
});
|
|
});
|
|
|
|
it('partially filled orders should not show close/edit buttons', () => {
|
|
cy.getByTestId('tab-orders').should('be.visible');
|
|
cy.get('[row-index="4"]').within(() => {
|
|
cy.get(`[col-id='${orderStatus}']`).should(
|
|
'have.text',
|
|
'PartiallyFilled'
|
|
);
|
|
cy.get(`[col-id='${orderRemaining}']`).should('have.text', '7/10');
|
|
cy.getByTestId(cancelOrderBtn).should('not.exist');
|
|
cy.getByTestId(editOrderBtn).should('not.exist');
|
|
});
|
|
});
|
|
|
|
it('orders are sorted by most recent order', () => {
|
|
const expectedOrderList = [
|
|
'AAVEDAI.MF21',
|
|
'TSLA.QM21',
|
|
'BTCUSD.MF21',
|
|
'UNIDAI.MF21',
|
|
'UNIDAI.MF21',
|
|
];
|
|
|
|
cy.getByTestId('tab-orders')
|
|
.get(`[col-id='${orderSymbol}']`)
|
|
.should('have.length.at.least', 4)
|
|
.each(($symbol, index) => {
|
|
if (index != 0) {
|
|
cy.wrap($symbol).should('have.text', expectedOrderList[index - 1]);
|
|
}
|
|
});
|
|
});
|
|
});
|