Next round (explorations / E-Components / tests) (#5)

* Some basic EIP-7594 code clean-up

* Some precompile eComponent restructure

* Small EIP-7594 exploration optimization

* Exploration/E-Component related test rework (more consistent, contributor-friendly and E2E -> unit)

* Linting

* Test fix

* Temporarily take in the custom addition precompile exploration to work a bit with it

* Component result handling optimization using Vue generics support

* Custom precompile exploration helper method

* Linting

* More prefixed hex

* Linting

* Fix tests

* Test fixes

* Topic color fixes + rework

* Topic color work

* More color fixes

* Finalize color

Author: holgerd77

cypress/e2e/eip7594.cy.ts

@@ -0,0 +1,85 @@
+describe('EIP-7883 ModExp', () => {
+  it('loads and displays exploration content', () => {
+    cy.visit('/eip-7883-modexp-gas-cost-increase')
+    cy.contains('h1', 'Feel Your Protocol')
+    cy.contains('h3', 'ModExp')
+    cy.get('#eip-7883-c', { timeout: 10000 }).should('exist')
+  })
+
+  it('loads default example with inputs', () => {
+    cy.visit('/eip-7883-modexp-gas-cost-increase')
+    cy.get('#eip-7883-c textarea', { timeout: 10000 }).should('not.have.value', '')
+    cy.get('#eip-7883-c input').should('have.length.gte', 3)
+  })
+
+  it('example selector shows available options', () => {
+    cy.visit('/eip-7883-modexp-gas-cost-increase')
+    cy.get('#eip-7883-c .e-select', { timeout: 10000 }).click()
+    cy.get('[role="option"]').should('have.length.gte', 2)
+  })
+})
+
+describe('EIP-7594 PeerDAS', () => {
+  it('loads and displays exploration content', () => {
+    cy.visit('/eip-7594-peerdas-data-availability-sampling')
+    cy.contains('h1', 'Feel Your Protocol')
+    cy.contains('h3', 'Peer Data Availability Sampling')
+    cy.get('#eip-7594-c', { timeout: 10000 }).should('exist')
+  })
+
+  it('loads default example with blob data', () => {
+    cy.visit('/eip-7594-peerdas-data-availability-sampling')
+    cy.get('#eip-7594-c textarea', { timeout: 10000 }).should('not.have.value', '')
+  })
+
+  it('example selector shows available options', () => {
+    cy.visit('/eip-7594-peerdas-data-availability-sampling')
+    cy.get('#eip-7594-c .e-select', { timeout: 10000 }).click()
+    cy.get('[role="option"]').should('have.length.gte', 2)
+  })
+})
+
+describe('EIP-7951 secp256r1', () => {
+  it('loads and displays exploration content', () => {
+    cy.visit('/eip-7951-secp256r1-precompile')
+    cy.contains('h1', 'Feel Your Protocol')
+    cy.contains('h3', 'secp256r1 Precompile Support')
+    cy.get('#eip-7951-c', { timeout: 10000 }).should('exist')
+  })
+
+  it('loads default example with inputs', () => {
+    cy.visit('/eip-7951-secp256r1-precompile')
+    cy.get('#eip-7951-c textarea', { timeout: 10000 }).should('not.have.value', '')
+    cy.get('#eip-7951-c input').should('have.length.gte', 5)
+  })
+
+  it('example selector shows available options', () => {
+    cy.visit('/eip-7951-secp256r1-precompile')
+    cy.get('#eip-7951-c .e-select', { timeout: 10000 }).click()
+    cy.get('[role="option"]').should('have.length.gte', 2)
+  })
+})
+
+describe('Custom Addition Precompile', () => {
+  it('loads and displays exploration content', () => {
+    cy.visit('/custom-addition-precompile')
+    cy.contains('h1', 'Feel Your Protocol')
+    cy.contains('h3', 'Custom Addition Precompile')
+    cy.get('#custom-addition-precompile-c', { timeout: 10000 }).should('exist')
+  })
+
+  it('loads default example with inputs', () => {
+    cy.visit('/custom-addition-precompile')
+    cy.get('#custom-addition-precompile-c textarea', { timeout: 10000 }).should(
+      'not.have.value',
+      '',
+    )
+    cy.get('#custom-addition-precompile-c input').should('have.length.gte', 2)
+  })
+
+  it('example selector shows available options', () => {
+    cy.visit('/custom-addition-precompile')
+    cy.get('#custom-addition-precompile-c .e-select', { timeout: 10000 }).click()
+    cy.get('[role="option"]').should('have.length.gte', 2)
+  })
+})

cypress/e2e/eip7883_Precompile_R.cy.ts

@@ -5,8 +5,8 @@
     <link rel="icon" href="/assets/favicon-DIYJD7QH.png">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Feel Your Protocol</title>
-    <script type="module" crossorigin src="/assets/index-D0-gm-_I.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-BtSee313.css">
+    <script type="module" crossorigin src="/assets/index-J_34IhC4.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-DY9thnVb.css">
   </head>
   <body class="container mx-auto p-2">
     <div id="app"></div>