feat: ✨ added Boyka Framework to Selenium Ecosystem (#2219)[deploy site]

Author: WasiqB

Diff for: website_and_docs/content/ecosystem/_index.html

@@ -2,46 +2,47 @@
 title: Ecosystem
 linkTitle: ecosystem
 aliases:
-          [
-            "/pt-br/ecosystem/",
-            "/zh-cn/ecosystem/",
-            "/ja/ecosystem/",
-            "/other/ecosystem/",
-            "/documentation/en/getting_started_with_webdriver/third_party_drivers_and_plugins/",
-            "/documentation/ja/getting_started_with_webdriver/third_party_drivers_and_plugins/",
-            "/documentation/pt-br/getting_started_with_webdriver/third_party_drivers_and_plugins/",
-            "/documentation/zh-cn/getting_started_with_webdriver/third_party_drivers_and_plugins/"
-          ]
+  [
+    "/pt-br/ecosystem/",
+    "/zh-cn/ecosystem/",
+    "/ja/ecosystem/",
+    "/other/ecosystem/",
+    "/documentation/en/getting_started_with_webdriver/third_party_drivers_and_plugins/",
+    "/documentation/ja/getting_started_with_webdriver/third_party_drivers_and_plugins/",
+    "/documentation/pt-br/getting_started_with_webdriver/third_party_drivers_and_plugins/",
+    "/documentation/zh-cn/getting_started_with_webdriver/third_party_drivers_and_plugins/",
+  ]
 ---
+
 {{< blocks/section color="selenium-purple" height="min" >}}
 <div class="mx-auto p-4">
-	<h1 class="d-1 text-center">Ecosystem</h1>
-	<p class="lead mt-3 mb-0">
-    There is an ecosystem full of Open Source projects around Selenium and WebDriver, and some 
-    of them are featured on this page. Here are a number of drivers, bindings, plugins,
-    and frameworks created and maintained by third parties.
+  <h1 class="d-1 text-center">Ecosystem</h1>
+  <p class="lead mt-3 mb-0">
+    There is an ecosystem full of Open Source projects around Selenium and
+    WebDriver, and some of them are featured on this page. Here are a number of
+    drivers, bindings, plugins, and frameworks created and maintained by third
+    parties.
   </p>
 </div>
-{{< /blocks/section >}}
-
-{{% blocks/section color="selenium-yellow" %}}
+{{< /blocks/section >}} {{% blocks/section color="selenium-yellow" %}}
 
 <div class="card bg-transparent border-0">
   <div class="row no-gutters align-items-center">
-    <div class="col-md-1 text-danger ">
+    <div class="col-md-1 text-danger">
       <p class="d-1 text-center">
         <i class="fas fa-exclamation"></i>
       </p>
     </div>
     <div class="col-md-11">
       <div class="card-body">
         <p class="card-text text-dark">
-          Please note that these projects are not supported, maintained, hosted, or endorsed by the
-          Selenium project. In addition, be advised that the projects listed below are not necessarily
-          licensed under the Apache License v.2.0. Some of the projects are available under another
-          free and open source software license; others are only available under a proprietary license.
-          Any questions about projects and their license of distribution need to be raised with their
-          respective developer(s).
+          Please note that these projects are not supported, maintained, hosted,
+          or endorsed by the Selenium project. In addition, be advised that the
+          projects listed below are not necessarily licensed under the Apache
+          License v.2.0. Some of the projects are available under another free
+          and open source software license; others are only available under a
+          proprietary license. Any questions about projects and their license of
+          distribution need to be raised with their respective developer(s).
         </p>
       </div>
     </div>
@@ -57,7 +58,12 @@ <h2 id="browser-drivers">Browser Drivers</h2>
   <div class="col-sm-4 p-3">
     <div class="card h-100 bg-transparent border-0">
       <div class="card-header bg-transparent border-0 text-center py-0">
-        <img class="w-100 shadow-1-strong rounded" style="max-width: 100px;" src="/images/browsers/firefox.svg" alt="Firefox"/>
+        <img
+          class="w-100 shadow-1-strong rounded"
+          style="max-width: 100px"
+          src="/images/browsers/firefox.svg"
+          alt="Firefox"
+        />
       </div>
       <div class="card-body px-0">
         <p class="card-title fw-bold text-center h6">
@@ -66,17 +72,26 @@ <h2 id="browser-drivers">Browser Drivers</h2>
           </a>
         </p>
         <p class="card-text text-center m-0 pb-1">
-          <a href="https://github.com/mozilla/geckodriver/releases" class="card-link">
+          <a
+            href="https://github.com/mozilla/geckodriver/releases"
+            class="card-link"
+          >
             Releases
           </a>
         </p>
         <p class="card-text text-center m-0 pb-1">
-          <a href="https://github.com/mozilla/geckodriver/blob/release/CHANGES.md" class="card-link">
+          <a
+            href="https://github.com/mozilla/geckodriver/blob/release/CHANGES.md"
+            class="card-link"
+          >
             Changelog
           </a>
         </p>
         <p class="card-text text-center">
-          <a href="https://github.com/mozilla/geckodriver/issues" class="card-link">
+          <a
+            href="https://github.com/mozilla/geckodriver/issues"
+            class="card-link"
+          >
             Issue tracker
           </a>
         </p>
@@ -86,21 +101,34 @@ <h2 id="browser-drivers">Browser Drivers</h2>
   <div class="col-sm-4 p-3">
     <div class="card h-100 bg-transparent border-0">
       <div class="card-header bg-transparent border-0 text-center py-0">
-        <img class="w-100 shadow-1-strong rounded" style="max-width: 100px;" src="/images/browsers/edge.svg" alt="Edge"/>
+        <img
+          class="w-100 shadow-1-strong rounded"
+          style="max-width: 100px"
+          src="/images/browsers/edge.svg"
+          alt="Edge"
+        />
       </div>
       <div class="card-body px-0">
         <p class="card-title fw-bold text-center h6">
-          <a href="https://developer.microsoft.com/en-us/microsoft-edge/tools/webdriver/">
+          <a
+            href="https://developer.microsoft.com/en-us/microsoft-edge/tools/webdriver/"
+          >
             Microsoft EdgeDriver
           </a>
         </p>
         <p class="card-text text-center m-0 pb-1">
-          <a href="https://developer.microsoft.com/en-us/microsoft-edge/tools/webdriver/#downloads" class="card-link">
+          <a
+            href="https://developer.microsoft.com/en-us/microsoft-edge/tools/webdriver/#downloads"
+            class="card-link"
+          >
             Releases
           </a>
         </p>
         <p class="card-text text-center">
-          <a href="https://github.com/MicrosoftEdge/EdgeWebDriver" class="card-link">
+          <a
+            href="https://github.com/MicrosoftEdge/EdgeWebDriver"
+            class="card-link"
+          >
             Issue tracker
           </a>
         </p>
@@ -110,21 +138,30 @@ <h2 id="browser-drivers">Browser Drivers</h2>
   <div class="col-sm-4 p-3">
     <div class="card h-100 bg-transparent border-0">
       <div class="card-header bg-transparent border-0 text-center py-0">
-        <img class="w-100 shadow-1-strong rounded" style="max-width: 100px;" src="/images/browsers/chrome.svg" alt="Chrome"/>
+        <img
+          class="w-100 shadow-1-strong rounded"
+          style="max-width: 100px"
+          src="/images/browsers/chrome.svg"
+          alt="Chrome"
+        />
       </div>
       <div class="card-body px-0">
         <p class="card-title fw-bold text-center h6">
-          <a href="https://chromedriver.chromium.org/">
-            Google ChromeDriver
-          </a>
+          <a href="https://chromedriver.chromium.org/"> Google ChromeDriver </a>
         </p>
         <p class="card-text text-center m-0 pb-1">
-          <a href="https://chromedriver.chromium.org/downloads" class="card-link">
+          <a
+            href="https://chromedriver.chromium.org/downloads"
+            class="card-link"
+          >
             Releases and changelog
           </a>
         </p>
         <p class="card-text text-center">
-          <a href="https://bugs.chromium.org/p/chromedriver/issues/list" class="card-link">
+          <a
+            href="https://bugs.chromium.org/p/chromedriver/issues/list"
+            class="card-link"
+          >
             Issue tracker
           </a>
         </p>
@@ -134,7 +171,12 @@ <h2 id="browser-drivers">Browser Drivers</h2>
   <div class="col-sm-4 p-3">
     <div class="card h-100 bg-transparent border-0">
       <div class="card-header bg-transparent border-0 text-center py-0">
-        <img class="w-100 shadow-1-strong rounded" style="max-width: 100px;" src="/images/browsers/opera.svg" alt="Opera"/>
+        <img
+          class="w-100 shadow-1-strong rounded"
+          style="max-width: 100px"
+          src="/images/browsers/opera.svg"
+          alt="Opera"
+        />
       </div>
       <div class="card-body px-0">
         <p class="card-title fw-bold text-center h6">
@@ -143,12 +185,18 @@ <h2 id="browser-drivers">Browser Drivers</h2>
           </a>
         </p>
         <p class="card-text text-center m-0 pb-1">
-          <a href="https://github.com/operasoftware/operachromiumdriver/releases" class="card-link">
+          <a
+            href="https://github.com/operasoftware/operachromiumdriver/releases"
+            class="card-link"
+          >
             Releases
           </a>
         </p>
         <p class="card-text text-center">
-          <a href="https://github.com/operasoftware/operachromiumdriver/issues" class="card-link">
+          <a
+            href="https://github.com/operasoftware/operachromiumdriver/issues"
+            class="card-link"
+          >
             Issue tracker
           </a>
         </p>
@@ -158,11 +206,18 @@ <h2 id="browser-drivers">Browser Drivers</h2>
   <div class="col-sm-4 p-3">
     <div class="card h-100 bg-transparent border-0">
       <div class="card-header bg-transparent border-0 text-center py-0">
-        <img class="w-100 shadow-1-strong rounded" style="max-width: 100px;" src="/images/browsers/safari.svg" alt="Safari"/>
+        <img
+          class="w-100 shadow-1-strong rounded"
+          style="max-width: 100px"
+          src="/images/browsers/safari.svg"
+          alt="Safari"
+        />
       </div>
       <div class="card-body px-0">
         <p class="card-title fw-bold text-center h6">
-          <a href="https://developer.apple.com/documentation/webkit/about_webdriver_for_safari">
+          <a
+            href="https://developer.apple.com/documentation/webkit/about_webdriver_for_safari"
+          >
             Apple SafariDriver
           </a>
         </p>
@@ -193,9 +248,7 @@ <h2 id="language-bindings">Language Bindings</h2>
         <tr>
           <th scope="row">
             <p>
-              <a href="https://github.com/tebeka/selenium">
-                Selenium
-              </a>
+              <a href="https://github.com/tebeka/selenium"> Selenium </a>
             </p>
           </th>
           <td>Go</td>
@@ -215,9 +268,7 @@ <h2 id="language-bindings">Language Bindings</h2>
         <tr>
           <th scope="row">
             <p>
-              <a href="https://github.com/admc/wd">
-                wd
-              </a>
+              <a href="https://github.com/admc/wd"> wd </a>
             </p>
           </th>
           <td>JavaScript</td>
@@ -248,9 +299,7 @@ <h2 id="language-bindings">Language Bindings</h2>
         <tr>
           <th scope="row">
             <p>
-              <a href="https://github.com/ropensci/RSelenium">
-                RSelenium
-              </a>
+              <a href="https://github.com/ropensci/RSelenium"> RSelenium </a>
             </p>
           </th>
           <td>R</td>
@@ -270,9 +319,7 @@ <h2 id="language-bindings">Language Bindings</h2>
         <tr>
           <th scope="row">
             <p>
-              <a href="https://github.com/SeasideSt/Parasol">
-                Parasol
-              </a>
+              <a href="https://github.com/SeasideSt/Parasol"> Parasol </a>
             </p>
           </th>
           <td>Pharo Smalltalk</td>
@@ -288,14 +335,14 @@ <h2 id="language-bindings">Language Bindings</h2>
     <div class="card-body ps-0">
       <h2 class="card-title" id="frameworks">Frameworks</h2>
       <p class="card-text w-lg-75">
-        Programming languages are supported through Selenium drivers.
-        These are libraries made for each language that expose commands
-        from the Selenium API natively in the form of methods/functions.
+        Programming languages are supported through Selenium drivers. These are
+        libraries made for each language that expose commands from the Selenium
+        API natively in the form of methods/functions.
       </p>
       <p class="card-text pb-4 w-lg-75">
-        Selenium is often used for automating web applications for testing purposes,
-        but it does not include a testing framework.
-        Some testing frameworks that can be used with Selenium are listed below.
+        Selenium is often used for automating web applications for testing
+        purposes, but it does not include a testing framework. Some testing
+        frameworks that can be used with Selenium are listed below.
       </p>
     </div>
   </div>
@@ -314,9 +361,7 @@ <h2 class="card-title" id="frameworks">Frameworks</h2>
         <tr>
           <th scope="row">
             <p>
-              <a href="https://github.com/atata-framework/atata">
-                Atata
-              </a>
+              <a href="https://github.com/atata-framework/atata"> Atata </a>
             </p>
           </th>
           <td>C#</td>
@@ -336,11 +381,20 @@ <h2 class="card-title" id="frameworks">Frameworks</h2>
         <tr>
           <th scope="row">
             <p>
-              <a href="https://github.com/teamcapybara/capybara">
-                Capybara
+              <a href="https://github.com/BoykaFramework/boyka-framework">
+                Boyka Framework
               </a>
             </p>
           </th>
+          <td>Java</td>
+          <td>Wasiq Bhamla</td>
+        </tr>
+        <tr>
+          <th scope="row">
+            <p>
+              <a href="https://github.com/teamcapybara/capybara"> Capybara </a>
+            </p>
+          </th>
           <td>Ruby</td>
           <td>Thomas Walpole</td>
         </tr>
@@ -380,9 +434,7 @@ <h2 class="card-title" id="frameworks">Frameworks</h2>
         <tr>
           <th scope="row">
             <p>
-              <a href="https://github.com/watir/nerodia">
-                Nerodia
-              </a>
+              <a href="https://github.com/watir/nerodia"> Nerodia </a>
             </p>
           </th>
           <td>Python</td>
@@ -391,9 +443,7 @@ <h2 class="card-title" id="frameworks">Frameworks</h2>
         <tr>
           <th scope="row">
             <p>
-              <a href="https://qmetry.github.io/qaf/">
-                QAF
-              </a>
+              <a href="https://qmetry.github.io/qaf/"> QAF </a>
             </p>
           </th>
           <td>Java</td>
@@ -402,9 +452,7 @@ <h2 class="card-title" id="frameworks">Frameworks</h2>
         <tr>
           <th scope="row">
             <p>
-              <a href="https://github.com/selenide/selenide">
-                Selenide
-              </a>
+              <a href="https://github.com/selenide/selenide"> Selenide </a>
             </p>
           </th>
           <td>Java</td>
@@ -424,7 +472,9 @@ <h2 class="card-title" id="frameworks">Frameworks</h2>
         <tr>
           <th scope="row">
             <p>
-              <a href="https://github.com/robotframework/SeleniumLibrary#seleniumlibrary">
+              <a
+                href="https://github.com/robotframework/SeleniumLibrary#seleniumlibrary"
+              >
                 SeleniumLibrary
               </a>
             </p>
@@ -435,9 +485,7 @@ <h2 class="card-title" id="frameworks">Frameworks</h2>
         <tr>
           <th scope="row">
             <p>
-              <a href="https://github.com/watir/watir">
-                Watir
-              </a>
+              <a href="https://github.com/watir/watir"> Watir </a>
             </p>
           </th>
           <td>Ruby</td>
@@ -476,7 +524,7 @@ <h2 class="card-title" id="frameworks">Frameworks</h2>
           <td>Java</td>
           <td>Mohab Mohie</td>
         </tr>
-	<tr>
+        <tr>
           <th scope="row">
             <p>
               <a href="https://github.com/Abdelrhman-Ellithy/Ellithium">
@@ -490,20 +538,16 @@ <h2 class="card-title" id="frameworks">Frameworks</h2>
         <tr>
           <th scope="row">
             <p>
-              <a href="https://github.com/vaadin/testbench">
-                TestBench
-              </a>
+              <a href="https://github.com/vaadin/testbench"> TestBench </a>
             </p>
           </th>
           <td>Java</td>
           <td>Vaadin</td>
         </tr>
-	<tr>
+        <tr>
           <th scope="row">
             <p>
-              <a href="https://yapoml.dev/selenium">
-                Yapoml
-              </a>
+              <a href="https://yapoml.dev/selenium"> Yapoml </a>
             </p>
           </th>
           <td>C#</td>
@@ -521,23 +565,21 @@ <h2 id="tools">Tools</h2>
   <div class="table-responsive">
     <table class="table">
       <thead>
-      <tr>
-        <th scope="col">Name</th>
-        <th scope="col">Language</th>
-        <th scope="col">Author</th>
-      </tr>
+        <tr>
+          <th scope="col">Name</th>
+          <th scope="col">Language</th>
+          <th scope="col">Author</th>
+        </tr>
       </thead>
       <tbody>
-      <tr>
-        <th scope="row">
-          <p>
-            <a href="https://testcontainers.com/">
-              Testcontainers
-            </a>
-          </p>
-        </th>
-        <td>.NET, Java, Python, Node.js</td>
-      </tr>
+        <tr>
+          <th scope="row">
+            <p>
+              <a href="https://testcontainers.com/"> Testcontainers </a>
+            </p>
+          </th>
+          <td>.NET, Java, Python, Node.js</td>
+        </tr>
       </tbody>
     </table>
   </div>