Remaining tests added and passing

apps/explorer-e2e/src/integration/blocks-page.feature

@@ -0,0 +1,6 @@
+Feature: Blocks Page
+
+Scenario: Navigate to blocks page
+  Given I am on the homepage
+  When I navigate to the blocks page
+  Then blocks page is correctly displayed

apps/explorer-e2e/src/integration/home-page.feature

@@ -1,4 +1,4 @@
 Feature: Home page
 
   Scenario: Visit Home page
-    Given I go to the homepage
+    Given I am on the homepage

apps/explorer-e2e/src/integration/markets-page.feature

@@ -0,0 +1,6 @@
+Feature: Markets Page
+
+Scenario: Navigate to markets page
+  Given I am on the homepage
+  When I navigate to the markets page
+  Then markets page is correctly displayed

apps/explorer-e2e/src/integration/network-page.feature

@@ -0,0 +1,6 @@
+Feature: Network parameters Page
+
+Scenario: Navigate to network parameters page
+  Given I am on the homepage
+  When I navigate to the transactions page
+  Then transactions page is correctly displayed

apps/explorer-e2e/src/integration/validators-page.feature

@@ -0,0 +1,6 @@
+Feature: Validators Page
+
+Scenario: Navigate to validators page
+  Given I am on the homepage
+  When I navigate to the validators page
+  Then validators page is correctly displayed

apps/explorer-e2e/src/support/pages/blocks-page.js

@@ -1,25 +0,0 @@
-import BasePage from './base-page';
-
-export default class BlocksPage extends BasePage {
-  blocksFrmHeader = 'blocks-frm-header';
-  blocksStreamedHeader = 'blocks-streamed-header';
-  blockHeight = 'block-height';
-  blockchainBlocks = 'blockchain-blocks';
-  streamedBlocks = 'streamed-blocks';
-
-  validateBlocksPageDisplayed() {
-    cy.getByTestId(this.blocksFrmHeader).should(
-      'have.text',
-      'Blocks from blockchain'
-    );
-    cy.getByTestId(this.blocksStreamedHeader).should(
-      'have.text',
-      'Blocks streamed in'
-    );
-    cy.getByTestId(this.blockHeight)
-      .should('contain.text', 'Height: ')
-      .and('have.length.greaterThan', 10);
-    cy.getByTestId(this.blockchainBlocks).should('not.be.empty');
-    cy.getByTestId(this.streamedBlocks).should('not.be.empty');
-  }
-}

apps/explorer-e2e/src/support/pages/transactions-page.js

@@ -21,6 +21,8 @@ export default class TransactionsPage extends BasePage {
       .first()
       .invoke('text')
       .then((blockHeightTxt) => {
+        cy.wait(1000); // eslint-disable-line cypress/no-unnecessary-waiting
+        //Wait needed to allow blocks to change
         cy.getByTestId(this.refreshBtn).click();
 
         cy.getByTestId(this.blockHeight)

apps/explorer-e2e/src/support/step_definitions/markets-page-step.js

@@ -0,0 +1,12 @@
+import { Given, Then, When } from 'cypress-cucumber-preprocessor/steps';
+
+import MarketsPage from '../pages/markets-page';
+const marketsPage = new MarketsPage();
+
+When('I navigate to the markets page', () => {
+  marketsPage.navigateToMarkets();
+});
+
+Then('markets page is correctly displayed', () => {
+  marketsPage.validateMarketDataDisplayed();
+});

apps/explorer-e2e/src/support/step_definitions/transaction-page.step.js

@@ -1,4 +1,4 @@
-import { Given, Then, When } from 'cypress-cucumber-preprocessor/steps';
+import { Then, When } from 'cypress-cucumber-preprocessor/steps';
 
 import TransactionsPage from '../pages/transactions-page';
 const transactionsPage = new TransactionsPage();
@@ -7,7 +7,16 @@ When('I navigate to the transactions page', () => {
   transactionsPage.navigateToTxs();
 });
 
+When('I navigate to the blocks page', () => {
+  transactionsPage.navigateToBlocks();
+});
+
 Then('transactions page is correctly displayed', () => {
   transactionsPage.validateTransactionsPagedisplayed();
   transactionsPage.validateRefreshBtn();
 });
+
+Then('blocks page is correctly displayed', () => {
+  transactionsPage.validateTransactionsPagedisplayed();
+  transactionsPage.validateRefreshBtn();
+});

apps/explorer-e2e/src/support/step_definitions/validators-page-step.js

@@ -0,0 +1,12 @@
+import { Then, When } from 'cypress-cucumber-preprocessor/steps';
+
+import ValidatorPage from '../pages/validators-page';
+const validatorsPage = new ValidatorPage();
+
+When('I navigate to the validators page', () => {
+  validatorsPage.navigateToValidators();
+});
+
+Then('validators page is correctly displayed', () => {
+  validatorsPage.validateValidatorsDisplayed();
+});

apps/explorer/src/app/components/txs/id/tx-details.tsx

@@ -17,12 +17,12 @@ export const TxDetails = ({ txData, pubKey }: TxDetailsProps) => {
     <Table>
       <tr>
         <td>Hash</td>
-        <td>{txData.hash}</td>
+        <td data-testid="hash">{txData.hash}</td>
       </tr>
       {pubKey ? (
         <tr>
           <td>Submitted by</td>
-          <td>
+          <td data-testid="submitted-by">
             <Link to={`/${Routes.PARTIES}/${pubKey}`}>{pubKey}</Link>
           </td>
         </tr>
@@ -35,14 +35,14 @@ export const TxDetails = ({ txData, pubKey }: TxDetailsProps) => {
       {txData.height ? (
         <tr>
           <td>Block</td>
-          <td>
+          <td data-testid="block">
             <Link to={`/blocks/${txData.height}`}>{txData.height}</Link>
           </td>
         </tr>
       ) : null}
       <tr>
         <td>Encoded tnx</td>
-        <td>{txData.tx}</td>
+        <td data-testid="encoded-tnx">{txData.tx}</td>
       </tr>
     </Table>
   );

apps/explorer/src/app/routes/validators/index.tsx

@@ -44,10 +44,12 @@ const Validators = () => {
   return (
     <section>
       <h1>Validators</h1>
-      <h2>Tendermint data</h2>
+      <h2 data-testid="tendermint-header">Tendermint data</h2>
-      <pre>{JSON.stringify(validators, null, '  ')}</pre>
+      <pre data-testid="tendermint-data">
-      <h2>Vega data</h2>
+        {JSON.stringify(validators, null, '  ')}
-      <pre>{JSON.stringify(data, null, '  ')}</pre>
+      </pre>
+      <h2 data-testid="vega-header">Vega data</h2>
+      <pre data-testid="vega-data">{JSON.stringify(data, null, '  ')}</pre>
     </section>
   );
 };