test: add e2e tests for pages under tools dropdown

cypress/pages/toolsGenerator.js

@@ -0,0 +1,31 @@
+class ToolsGeneratorPage {
+  visit() {
+    cy.visit('/tools/generator');
+  }
+
+  verifyHeadingExists(text) {
+    cy.contains('h1, h2, h3, h4, h5, h6', text).should('be.visible');
+  }
+
+  verifyHeader() {
+    this.verifyHeadingExists('Docs, Code, Anything!');
+  }
+
+  verifyMainImage() {
+    cy.get('img[alt="generator diagram"]').should('be.visible');
+  }
+
+  verifyGithubLink() {
+    cy.contains('a', 'View on Github')
+      .should('be.visible')
+      .and('have.attr', 'href', 'https://www.github.com/asyncapi/generator');
+  }
+
+  verifyDocsLink() {
+    cy.contains('a', 'View Docs')
+      .should('be.visible')
+      .and('have.attr', 'href', '/docs/tools/generator');
+  }
+}
+
+export default ToolsGeneratorPage;

cypress/pages/toolsMisc.js

@@ -0,0 +1,72 @@
+class ToolsMiscPage {
+  visitCli() {
+    cy.visit('/tools/cli');
+  }
+
+  visitParsers() {
+    cy.visit('/tools/parsers');
+  }
+
+  visitGithubActions() {
+    cy.visit('/tools/github-actions');
+  }
+
+  verifyHeadingExists(text) {
+    cy.contains('h1, h2, h3, h4, h5, h6', text).should('be.visible');
+  }
+
+  // CLI page checks
+  verifyCliHeader() {
+    this.verifyHeadingExists(
+      'Interact with AsyncAPI from the comfort of your CLI',
+    );
+  }
+
+  verifyCliGithubLink() {
+    cy.contains('a', 'View on Github')
+      .should('be.visible')
+      .and('have.attr', 'href', 'https://www.github.com/asyncapi/cli');
+  }
+
+  verifyCliDocsLink() {
+    cy.contains('a', 'View Docs')
+      .should('be.visible')
+      .and('have.attr', 'href', '/docs/tools/cli');
+  }
+
+  verifyCliInstallSnippet() {
+    cy.contains('code', 'npm install -g @asyncapi/cli').should('exist');
+  }
+
+  // Parsers page checks
+  verifyParsersHeader() {
+    this.verifyHeadingExists('Build your own tools');
+  }
+
+  verifyParsersGithubLink() {
+    cy.contains('a', 'View on Github')
+      .should('be.visible')
+      .and('have.attr', 'href', 'https://www.github.com/asyncapi/parser-js');
+  }
+
+  verifyParsersInstallSnippet() {
+    cy.contains('code', 'npm install @asyncapi/parser').should('exist');
+  }
+
+  // GitHub Actions page checks
+  verifyGhActionsHeader() {
+    this.verifyHeadingExists('Automate using GitHub Actions');
+  }
+
+  verifyGhActionsGithubLink() {
+    cy.contains('a', 'View on Github')
+      .should('be.visible')
+      .and(
+        'have.attr',
+        'href',
+        'https://www.github.com/asyncapi/github-action-for-generator',
+      );
+  }
+}
+
+export default ToolsMiscPage;

cypress/pages/toolsModelina.js

@@ -0,0 +1,31 @@
+class ToolsModelinaPage {
+  visit() {
+    cy.visit('/tools/modelina');
+  }
+
+  verifyHeadingExists(text) {
+    cy.contains('h1, h2, h3, h4, h5, h6', text).should('be.visible');
+  }
+
+  verifyHeader() {
+    this.verifyHeadingExists('Modelina');
+  }
+
+  verifyGithubLink() {
+    cy.contains('a', 'View on Github')
+      .should('be.visible')
+      .and('have.attr', 'href', 'https://www.github.com/asyncapi/modelina');
+  }
+
+  verifyTryItNowLink() {
+    cy.contains('a', 'Try it now')
+      .should('be.visible')
+      .and('have.attr', 'href', 'https://modelina.org/playground');
+  }
+
+  verifyInstallSnippet() {
+    cy.contains('code', 'npm install @asyncapi/modelina').should('exist');
+  }
+}
+
+export default ToolsModelinaPage;

cypress/tools_generator.cy.js

@@ -0,0 +1,25 @@
+import ToolsGeneratorPage from './pages/toolsGenerator';
+
+describe('Tools - Generator Page', () => {
+  const page = new ToolsGeneratorPage();
+
+  beforeEach(() => {
+    page.visit();
+  });
+
+  it('User sees the main header', () => {
+    page.verifyHeader();
+  });
+
+  it('User sees the generator diagram image', () => {
+    page.verifyMainImage();
+  });
+
+  it('User verifies GitHub button link', () => {
+    page.verifyGithubLink();
+  });
+
+  it('User verifies Docs button link', () => {
+    page.verifyDocsLink();
+  });
+});

cypress/tools_misc.cy.js

@@ -0,0 +1,56 @@
+import ToolsMiscPage from './pages/toolsMisc';
+
+describe('Tools - CLI / Parsers / GitHub Actions', () => {
+  const page = new ToolsMiscPage();
+
+  describe('CLI', () => {
+    beforeEach(() => {
+      page.visitCli();
+    });
+
+    it('User sees the CLI header', () => {
+      page.verifyCliHeader();
+    });
+
+    it('User verifies CLI GitHub and Docs links', () => {
+      page.verifyCliGithubLink();
+      page.verifyCliDocsLink();
+    });
+
+    it('User sees CLI install snippet', () => {
+      page.verifyCliInstallSnippet();
+    });
+  });
+
+  describe('Parsers', () => {
+    beforeEach(() => {
+      page.visitParsers();
+    });
+
+    it('User sees the Parsers header', () => {
+      page.verifyParsersHeader();
+    });
+
+    it('User verifies Parsers GitHub link', () => {
+      page.verifyParsersGithubLink();
+    });
+
+    it('User sees Parsers install snippet', () => {
+      page.verifyParsersInstallSnippet();
+    });
+  });
+
+  describe('GitHub Actions', () => {
+    beforeEach(() => {
+      page.visitGithubActions();
+    });
+
+    it('User sees the GitHub Actions header', () => {
+      page.verifyGhActionsHeader();
+    });
+
+    it('User verifies GitHub Actions GitHub link', () => {
+      page.verifyGhActionsGithubLink();
+    });
+  });
+});

cypress/tools_modelina.cy.js

@@ -0,0 +1,25 @@
+import ToolsModelinaPage from './pages/toolsModelina';
+
+describe('Tools - Modelina Page', () => {
+  const page = new ToolsModelinaPage();
+
+  beforeEach(() => {
+    page.visit();
+  });
+
+  it('User sees the main header and intro', () => {
+    page.verifyHeader();
+  });
+
+  it('User sees install snippet', () => {
+    page.verifyInstallSnippet();
+  });
+
+  it('User verifies GitHub button link', () => {
+    page.verifyGithubLink();
+  });
+
+  it('User verifies Try it now link', () => {
+    page.verifyTryItNowLink();
+  });
+});