feat: improve e2e testing - charts (#974)

cypress/e2e/app/charts.cy.js

@@ -0,0 +1,27 @@
+describe('charts', () => {
+  it('should display transactions chart UI elements', () => {
+    cy.visit('/charts/transactions')
+    cy.get('.charts-navigation__link').should('be.visible')
+    cy.get('.chart-controls__button').should('be.visible')
+    cy.get('.range-picker').should('be.visible')
+    cy.get('.transactions-chart-panel__select').should('be.visible')
+    cy.get('.line-chart canvas').should('be.visible')
+    cy.get('.chart-controls__button').should('be.visible')
+  })
+  it('should display keyblock chart', () => {
+    cy.visit('/charts/keyblocks')
+    cy.get('.line-chart canvas').should('be.visible')
+  })
+  it('should display contracts chart', () => {
+    cy.visit('/charts/contracts')
+    cy.get('.line-chart canvas').should('be.visible')
+  })
+  it('should display names chart', () => {
+    cy.visit('/charts/names')
+    cy.get('.line-chart canvas').should('be.visible')
+  })
+  it('should display difficulty', () => {
+    cy.visit('/charts/difficulty')
+    cy.get('.line-chart canvas').should('be.visible')
+  })
+})

cypress/e2e/app/contractVerification.cy.js

@@ -0,0 +1,11 @@
+describe('contract verification', () => {
+  it('should display contract verification page', () => {
+    cy.visit('/contract-verification')
+
+    cy.get('.contract-verification-form__select').should('be.visible')
+    cy.get('.contract-verification-form__text-input').should('be.visible')
+    cy.get('.contract-verification-form__submit').should('be.visible')
+    cy.get('.contracts-file-upload__drop-area').should('be.visible')
+    cy.get('#consent').should('be.visible')
+  })
+})

src/components/ContractVerificationForm.vue

@@ -42,13 +42,14 @@
         </div>
 
         <div class="contract-verification-form__field">
-          <label for="compiler">
+          <label for="license">
             License
             <hint-tooltip>
               {{ contractVerificationHints.required }}
             </hint-tooltip>
           </label>
           <license-select
+            id="license"
             v-model="form.license"
             class="contract-verification-form__select"/>
           <p

src/components/DifficultyChartPanel.vue

@@ -1,7 +1,7 @@
 <template>
   <app-panel>
     <template #title>
-      DIFFICULTY CHART
+      DIFFICULTY
     </template>
     <template #end>
       <chart-controls

src/components/NamesChartPanel.vue

@@ -1,7 +1,7 @@
 <template>
   <app-panel>
     <template #title>
-      NAMES ACTIVATED TREND
+      NAMES ACTIVATED
     </template>
     <template #end>
       <chart-controls

src/components/TransactionsChartPanel.vue

@@ -1,13 +1,14 @@
 <template>
   <app-panel>
     <template #title>
-      TRANSACTIONS TREND
+      TRANSACTIONS
     </template>
     <template #end>
       <transactions-select
         v-if="hasSelect"
         v-model="selectedTxType"
         size="sm"
+        data-cy='select-input'
         class="transactions-chart-panel__select
         transactions-chart-panel__select--desktop
         u-hidden-mobile"/>