import { MarketState } from '@vegaprotocol/types';
import { mockTradingPage } from '../support/trading';
import { connectVegaWallet } from '../support/vega-wallet';

beforeEach(() => {
  mockTradingPage(MarketState.Active);
  cy.visit('/markets/market-0');
});

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';

  it('renders orders', () => {
    cy.getByTestId('Orders').click();
    cy.getByTestId('tab-orders').contains('Please connect Vega wallet');

    connectVegaWallet();

    cy.getByTestId('tab-orders').should('be.visible');

    cy.getByTestId('tab-orders')
      .get(`[col-id='${orderSymbol}']`)
      .each(($symbol) => {
        cy.wrap($symbol).invoke('text').should('not.be.empty');
      });
    cy.getByTestId('tab-orders')
      .get(`[col-id='${orderSize}']`)
      .each(($size) => {
        cy.wrap($size).invoke('text').should('not.be.empty');
      });
    cy.getByTestId('tab-orders')
      .get(`[col-id='${orderType}']`)
      .each(($type) => {
        cy.wrap($type).invoke('text').should('not.be.empty');
      });
    cy.getByTestId('tab-orders')
      .get(`[col-id='${orderStatus}']`)
      .each(($status) => {
        cy.wrap($status).invoke('text').should('not.be.empty');
      });
    cy.getByTestId('tab-orders')
      .get(`[col-id='${orderRemaining}']`)
      .each(($remaining) => {
        cy.wrap($remaining).invoke('text').should('not.be.empty');
      });
    cy.getByTestId('tab-orders')
      .get(`[col-id='${orderPrice}']`)
      .each(($price) => {
        cy.wrap($price).invoke('text').should('not.be.empty');
      });
    cy.getByTestId('tab-orders')
      .get(`[col-id='${orderTimeInForce}']`)
      .each(($timeInForce) => {
        cy.wrap($timeInForce).invoke('text').should('not.be.empty');
      });
    cy.getByTestId('tab-orders')
      .get(`[col-id='${orderCreatedAt}']`)
      .each(($dateTime) => {
        cy.wrap($dateTime).invoke('text').should('not.be.empty');
      });
  });
});