From e1943770172383ee4ce0bf5ce4889698dcd895a8 Mon Sep 17 00:00:00 2001
From: aguspe <agustin.pe94@gmail.com>
Date: Sat, 6 Jul 2024 08:46:33 +0200
Subject: [PATCH 1/2] Update finders examples and move them

---
 examples/ruby/spec/elements/finders_spec.rb   | 35 ++++++++
 .../webdriver/elements/finders.en.md          | 81 +++++-------------
 .../webdriver/elements/finders.ja.md          | 83 +++++--------------
 .../webdriver/elements/finders.pt-br.md       | 83 +++++--------------
 .../webdriver/elements/finders.zh-cn.md       | 83 +++++--------------
 5 files changed, 114 insertions(+), 251 deletions(-)

diff --git a/examples/ruby/spec/elements/finders_spec.rb b/examples/ruby/spec/elements/finders_spec.rb
index 9918bb1d4b1b..f6523ea029fd 100644
--- a/examples/ruby/spec/elements/finders_spec.rb
+++ b/examples/ruby/spec/elements/finders_spec.rb
@@ -4,4 +4,39 @@
 
 RSpec.describe 'Element Finders' do
   let(:driver) { start_session }
+
+  context 'without executing finders', skip: 'these are just examples, not actual tests' do
+    it 'finds the first matching element' do
+      driver.find_element(class: 'tomatoes')
+    end
+
+    it 'uses a subset of the dom to find an element' do
+      fruits = driver.find_element(id: 'fruits')
+      fruit = fruits.find_element(class: 'tomatoes')
+    end
+
+    it 'uses an optimized locator' do
+      fruit = driver.find_element(css: '#fruits .tomatoes')
+    end
+
+    it 'finds all matching elements' do
+      plants = driver.find_elements(tag_name: 'li')
+    end
+
+    it 'gets an element from a collection' do
+      elements = driver.find_elements(:tag_name,'p')
+      elements.each { |e| puts e.text }
+    end
+
+    it 'finds element from element' do
+      element = driver.find_element(:tag_name,'div')
+      elements = element.find_elements(:tag_name,'p')
+      elements.each { |e| puts e.text }
+    end
+
+    it 'find active element' do
+      driver.find_element(css: '[name="q"]').send_keys('webElement')
+      attr = driver.switch_to.active_element.attribute('title')
+    end
+  end
 end
diff --git a/website_and_docs/content/documentation/webdriver/elements/finders.en.md b/website_and_docs/content/documentation/webdriver/elements/finders.en.md
index a1c0d3f9867a..5b18e6029cce 100644
--- a/website_and_docs/content/documentation/webdriver/elements/finders.en.md
+++ b/website_and_docs/content/documentation/webdriver/elements/finders.en.md
@@ -52,8 +52,8 @@ vegetable = driver.find_element(By.CLASS_NAME, "tomatoes")
   {{< tab header="CSharp" >}}
 var vegetable = driver.FindElement(By.ClassName("tomatoes"));
   {{< /tab >}}
-  {{< tab header="Ruby" >}}
-vegetable = driver.find_element(class: 'tomatoes')
+  {{< tab header="Ruby" text=true>}}
+{{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L10" >}}
   {{< /tab >}}
   {{< tab header="JavaScript" >}}
 const vegetable = await driver.findElement(By.className('tomatoes'));
@@ -87,10 +87,9 @@ fruit = fruits.find_element(By.CLASS_NAME,"tomatoes")
 IWebElement fruits = driver.FindElement(By.Id("fruits"));
 IWebElement fruit = fruits.FindElement(By.ClassName("tomatoes"));
   {{< /tab >}}
-  {{< tab header="Ruby" >}}
-fruits = driver.find_element(id: 'fruits')
-fruit = fruits.find_element(class: 'tomatoes')
-  {{< /tab >}}
+{{< tab header="Ruby" text=true>}}
+{{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L14-L15" >}}
+{{< /tab >}}
   {{< tab header="JavaScript" >}}
 const fruits = await driver.findElement(By.id('fruits'));
 const fruit = fruits.findElement(By.className('tomatoes'));
@@ -131,9 +130,9 @@ fruit = driver.find_element(By.CSS_SELECTOR,"#fruits .tomatoes")
   {{< tab header="CSharp" >}}
 var fruit = driver.FindElement(By.CssSelector("#fruits .tomatoes"));
   {{< /tab >}}
-  {{< tab header="Ruby" >}}
-fruit = driver.find_element(css: '#fruits .tomatoes')
-  {{< /tab >}}
+{{< tab header="Ruby" text=true>}}
+{{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L19" >}}
+{{< /tab >}}
   {{< tab header="JavaScript" >}}
 const fruit = await driver.findElement(By.css('#fruits .tomatoes'));
   {{< /tab >}}
@@ -161,9 +160,9 @@ plants = driver.find_elements(By.TAG_NAME, "li")
   {{< tab header="CSharp" >}}
 IReadOnlyList<IWebElement> plants = driver.FindElements(By.TagName("li"));
   {{< /tab >}}
-  {{< tab header="Ruby" >}}
-plants = driver.find_elements(tag_name: 'li')
-  {{< /tab >}}
+{{< tab header="Ruby" text=true>}}
+{{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L23" >}}
+{{< /tab >}}
   {{< tab header="JavaScript" >}}
 const plants = await driver.findElements(By.tagName('li'));
   {{< /tab >}}
@@ -227,23 +226,9 @@ namespace FindElementsExample {
  }
 }
   {{< /tab >}}
-  {{< tab header="Ruby" >}}
-require 'selenium-webdriver'
-driver = Selenium::WebDriver.for :firefox
-begin
-     # Navigate to URL
-  driver.get 'https://www.example.com'
-
-     # Get all the elements available with tag name 'p'
-  elements = driver.find_elements(:tag_name,'p')
-
-  elements.each { |e|
-    puts e.text
-  }
-ensure
-  driver.quit
-end
-  {{< /tab >}}
+   {{< tab header="Ruby" text=true>}}
+   {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L27-L28" >}}
+   {{< /tab >}}
   {{< tab header="JavaScript" >}}
 const {Builder, By} = require('selenium-webdriver');
 (async function example() {
@@ -359,26 +344,9 @@ namespace FindElementsFromElement {
  }
 }
   {{< /tab >}}
-  {{< tab header="Ruby" >}}
-  require 'selenium-webdriver'
-  driver = Selenium::WebDriver.for :chrome
-  begin
-    # Navigate to URL
-    driver.get 'https://www.example.com'
-
-    # Get element with tag name 'div'
-    element = driver.find_element(:tag_name,'div')
-
-    # Get all the elements available with tag name 'p'
-    elements = element.find_elements(:tag_name,'p')
-
-    elements.each { |e|
-      puts e.text
-    }
-  ensure
-    driver.quit
-  end
-  {{< /tab >}}
+   {{< tab header="Ruby" text=true>}}
+   {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L32-L34" >}}
+   {{< /tab >}}
   {{< tab header="JavaScript" >}}
   const {Builder, By} = require('selenium-webdriver');
 
@@ -484,19 +452,8 @@ It is used to track (or) find DOM element which has the focus in the current bro
      }
     }
   {{< /tab >}}
-  {{< tab header="Ruby" >}}
-  require 'selenium-webdriver'
-  driver = Selenium::WebDriver.for :chrome
-  begin
-    driver.get 'https://www.google.com'
-    driver.find_element(css: '[name="q"]').send_keys('webElement')
-
-    # Get attribute of current active element
-    attr = driver.switch_to.active_element.attribute('title')
-    puts attr
-  ensure
-    driver.quit
-  end
+  {{< tab header="Ruby" text=true>}}
+  {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L38-L39" >}}
   {{< /tab >}}
   {{< tab header="JavaScript" >}}
   const {Builder, By} = require('selenium-webdriver');
diff --git a/website_and_docs/content/documentation/webdriver/elements/finders.ja.md b/website_and_docs/content/documentation/webdriver/elements/finders.ja.md
index 80eb7813a38c..d795e94fcad4 100644
--- a/website_and_docs/content/documentation/webdriver/elements/finders.ja.md
+++ b/website_and_docs/content/documentation/webdriver/elements/finders.ja.md
@@ -49,9 +49,9 @@ vegetable = driver.find_element(By.CLASS_NAME, "tomatoes")
   {{< tab header="CSharp" >}}
 var vegetable = driver.FindElement(By.ClassName("tomatoes"));
   {{< /tab >}}
-  {{< tab header="Ruby" >}}
-vegetable = driver.find_element(class: 'tomatoes')
-  {{< /tab >}}
+{{< tab header="Ruby" text=true>}}
+{{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L10" >}}
+{{< /tab >}}
   {{< tab header="JavaScript" >}}
 const vegetable = await driver.findElement(By.className('tomatoes'));
   {{< /tab >}}
@@ -81,10 +81,9 @@ fruit = fruits.find_element(By.CLASS_NAME,"tomatoes")
 IWebElement fruits = driver.FindElement(By.Id("fruits"));
 IWebElement fruit = fruits.FindElement(By.ClassName("tomatoes"));
   {{< /tab >}}
-  {{< tab header="Ruby" >}}
-fruits = driver.find_element(id: 'fruits')
-fruit = fruits.find_element(class: 'tomatoes')
-  {{< /tab >}}
+{{< tab header="Ruby" text=true>}}
+{{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L14-L15" >}}
+{{< /tab >}}
   {{< tab header="JavaScript" >}}
 const fruits = await driver.findElement(By.id('fruits'));
 const fruit = fruits.findElement(By.className('tomatoes'));
@@ -121,9 +120,9 @@ fruit = driver.find_element(By.CSS_SELECTOR,"#fruits .tomatoes")
   {{< tab header="CSharp" >}}
 var fruit = driver.FindElement(By.CssSelector("#fruits .tomatoes"));
   {{< /tab >}}
-  {{< tab header="Ruby" >}}
-fruit = driver.find_element(css: '#fruits .tomatoes')
-  {{< /tab >}}
+{{< tab header="Ruby" text=true>}}
+{{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L19" >}}
+{{< /tab >}}
   {{< tab header="JavaScript" >}}
 const fruit = await driver.findElement(By.css('#fruits .tomatoes'));
   {{< /tab >}}
@@ -150,9 +149,9 @@ plants = driver.find_elements(By.TAG_NAME, "li")
   {{< tab header="CSharp" >}}
 IReadOnlyList<IWebElement> plants = driver.FindElements(By.TagName("li"));
   {{< /tab >}}
-  {{< tab header="Ruby" >}}
-plants = driver.find_elements(tag_name: 'li')
-  {{< /tab >}}
+{{< tab header="Ruby" text=true>}}
+{{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L23" >}}
+{{< /tab >}}
   {{< tab header="JavaScript" >}}
 const plants = await driver.findElements(By.tagName('li'));
   {{< /tab >}}
@@ -214,23 +213,9 @@ namespace FindElementsExample {
  }
 }
   {{< /tab >}}
-  {{< tab header="Ruby" >}}
-require 'selenium-webdriver'
-driver = Selenium::WebDriver.for :firefox
-begin
-     # Navigate to URL
-  driver.get 'https://www.example.com'
-
-     # Get all the elements available with tag name 'p'
-  elements = driver.find_elements(:tag_name,'p')
-
-  elements.each { |e|
-    puts e.text
-  }
-ensure
-  driver.quit
-end
-  {{< /tab >}}
+   {{< tab header="Ruby" text=true>}}
+   {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L27-L28" >}}
+   {{< /tab >}}
   {{< tab header="JavaScript" >}}
 const {Builder, By} = require('selenium-webdriver');
 (async function example() {
@@ -345,26 +330,9 @@ namespace FindElementsFromElement {
  }
 }
   {{< /tab >}}
-  {{< tab header="Ruby" >}}
-  require 'selenium-webdriver'
-  driver = Selenium::WebDriver.for :chrome
-  begin
-    # Navigate to URL
-    driver.get 'https://www.example.com'
-
-    # Get element with tag name 'div'
-    element = driver.find_element(:tag_name,'div')
-
-    # Get all the elements available with tag name 'p'
-    elements = element.find_elements(:tag_name,'p')
-
-    elements.each { |e|
-      puts e.text
-    }
-  ensure
-    driver.quit
-  end
-  {{< /tab >}}
+   {{< tab header="Ruby" text=true>}}
+   {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L32-L34" >}}
+   {{< /tab >}}
   {{< tab header="JavaScript" >}}
   const {Builder, By} = require('selenium-webdriver');
 
@@ -469,19 +437,8 @@ namespace FindElementsFromElement {
      }
     }
   {{< /tab >}}
-  {{< tab header="Ruby" >}}
-  require 'selenium-webdriver'
-  driver = Selenium::WebDriver.for :chrome
-  begin
-    driver.get 'https://www.google.com'
-    driver.find_element(css: '[name="q"]').send_keys('webElement')
-
-    # Get attribute of current active element
-    attr = driver.switch_to.active_element.attribute('title')
-    puts attr
-  ensure
-    driver.quit
-  end
+  {{< tab header="Ruby" text=true>}}
+  {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L38-L39" >}}
   {{< /tab >}}
   {{< tab header="JavaScript" >}}
   const {Builder, By} = require('selenium-webdriver');
diff --git a/website_and_docs/content/documentation/webdriver/elements/finders.pt-br.md b/website_and_docs/content/documentation/webdriver/elements/finders.pt-br.md
index 78de20ff8bdf..3b6117da8843 100644
--- a/website_and_docs/content/documentation/webdriver/elements/finders.pt-br.md
+++ b/website_and_docs/content/documentation/webdriver/elements/finders.pt-br.md
@@ -50,9 +50,9 @@ vegetable = driver.find_element(By.CLASS_NAME, "tomatoes")
   {{< tab header="CSharp" >}}
 var vegetable = driver.FindElement(By.ClassName("tomatoes"));
   {{< /tab >}}
-  {{< tab header="Ruby" >}}
-vegetable = driver.find_element(class: 'tomatoes')
-  {{< /tab >}}
+{{< tab header="Ruby" text=true>}}
+{{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L10" >}}
+{{< /tab >}}
   {{< tab header="JavaScript" >}}
 const vegetable = await driver.findElement(By.className('tomatoes'));
   {{< /tab >}}
@@ -83,10 +83,9 @@ fruit = fruits.find_element(By.CLASS_NAME,"tomatoes")
 IWebElement fruits = driver.FindElement(By.Id("fruits"));
 IWebElement fruit = fruits.FindElement(By.ClassName("tomatoes"));
   {{< /tab >}}
-  {{< tab header="Ruby" >}}
-fruits = driver.find_element(id: 'fruits')
-fruit = fruits.find_element(class: 'tomatoes')
-  {{< /tab >}}
+{{< tab header="Ruby" text=true>}}
+{{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L14-L15" >}}
+{{< /tab >}}
   {{< tab header="JavaScript" >}}
 const fruits = await driver.findElement(By.id('fruits'));
 const fruit = fruits.findElement(By.className('tomatoes'));
@@ -125,9 +124,9 @@ fruit = driver.find_element(By.CSS_SELECTOR,"#fruits .tomatoes")
   {{< tab header="CSharp" >}}
 var fruit = driver.FindElement(By.CssSelector("#fruits .tomatoes"));
   {{< /tab >}}
-  {{< tab header="Ruby" >}}
-fruit = driver.find_element(css: '#fruits .tomatoes')
-  {{< /tab >}}
+{{< tab header="Ruby" text=true>}}
+{{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L19" >}}
+{{< /tab >}}
   {{< tab header="JavaScript" >}}
 const fruit = await driver.findElement(By.css('#fruits .tomatoes'));
   {{< /tab >}}
@@ -153,9 +152,9 @@ plants = driver.find_elements(By.TAG_NAME, "li")
   {{< tab header="CSharp" >}}
 IReadOnlyList<IWebElement> plants = driver.FindElements(By.TagName("li"));
   {{< /tab >}}
-  {{< tab header="Ruby" >}}
-plants = driver.find_elements(tag_name: 'li')
-  {{< /tab >}}
+{{< tab header="Ruby" text=true>}}
+{{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L23" >}}
+{{< /tab >}}
   {{< tab header="JavaScript" >}}
 const plants = await driver.findElements(By.tagName('li'));
   {{< /tab >}}
@@ -218,23 +217,9 @@ namespace FindElementsExample {
  }
 }
   {{< /tab >}}
-  {{< tab header="Ruby" >}}
-require 'selenium-webdriver'
-driver = Selenium::WebDriver.for :firefox
-begin
-     # Navegar até a URL
-  driver.get 'https://www.example.com'
-
-     # Obtém todos os elementos disponiveis com o nome da tag 'p'
-  elements = driver.find_elements(:tag_name,'p')
-
-  elements.each { |e|
-    puts e.text
-  }
-ensure
-  driver.quit
-end
-  {{< /tab >}}
+   {{< tab header="Ruby" text=true>}}
+   {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L27-L28" >}}
+   {{< /tab >}}
   {{< tab header="JavaScript" >}}
 const {Builder, By} = require('selenium-webdriver');
 (async function example() {
@@ -349,26 +334,9 @@ namespace FindElementsFromElement {
  }
 }
   {{< /tab >}}
-  {{< tab header="Ruby" >}}
-  require 'selenium-webdriver'
-  driver = Selenium::WebDriver.for :chrome
-  begin
-    # Navegar até a URL
-    driver.get 'https://www.example.com'
-
-    # Obtém o elemento com o nome da tag 'div'
-    element = driver.find_element(:tag_name,'div')
-
-    # Obtém todos os elementos disponíveis com o nome da tag 'p'
-    elements = element.find_elements(:tag_name,'p')
-
-    elements.each { |e|
-      puts e.text
-    }
-  ensure
-    driver.quit
-  end
-  {{< /tab >}}
+   {{< tab header="Ruby" text=true>}}
+   {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L32-L34" >}}
+   {{< /tab >}}
   {{< tab header="JavaScript" >}}
   const {Builder, By} = require('selenium-webdriver');
 
@@ -473,19 +441,8 @@ Ele é usado para rastrear (ou) encontrar um elemento DOM que tem o foco no cont
      }
     }
   {{< /tab >}}
-  {{< tab header="Ruby" >}}
-  require 'selenium-webdriver'
-  driver = Selenium::WebDriver.for :chrome
-  begin
-    driver.get 'https://www.google.com'
-    driver.find_element(css: '[name="q"]').send_keys('webElement')
-
-    # Obter atributo do elemento atualmente ativo
-    attr = driver.switch_to.active_element.attribute('title')
-    puts attr
-  ensure
-    driver.quit
-  end
+  {{< tab header="Ruby" text=true>}}
+  {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L38-L39" >}}
   {{< /tab >}}
   {{< tab header="JavaScript" >}}
   const {Builder, By} = require('selenium-webdriver');
diff --git a/website_and_docs/content/documentation/webdriver/elements/finders.zh-cn.md b/website_and_docs/content/documentation/webdriver/elements/finders.zh-cn.md
index 3f6553c4719f..24dac0f4375d 100644
--- a/website_and_docs/content/documentation/webdriver/elements/finders.zh-cn.md
+++ b/website_and_docs/content/documentation/webdriver/elements/finders.zh-cn.md
@@ -52,9 +52,9 @@ vegetable = driver.find_element(By.CLASS_NAME, "tomatoes")
   {{< tab header="CSharp" >}}
 var vegetable = driver.FindElement(By.ClassName("tomatoes"));
   {{< /tab >}}
-  {{< tab header="Ruby" >}}
-vegetable = driver.find_element(class: 'tomatoes')
-  {{< /tab >}}
+{{< tab header="Ruby" text=true>}}
+{{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L10" >}}
+{{< /tab >}}
   {{< tab header="JavaScript" >}}
 const vegetable = await driver.findElement(By.className('tomatoes'));
   {{< /tab >}}
@@ -86,10 +86,9 @@ fruit = fruits.find_element(By.CLASS_NAME,"tomatoes")
 IWebElement fruits = driver.FindElement(By.Id("fruits"));
 IWebElement fruit = fruits.FindElement(By.ClassName("tomatoes"));
   {{< /tab >}}
-  {{< tab header="Ruby" >}}
-fruits = driver.find_element(id: 'fruits')
-fruit = fruits.find_element(class: 'tomatoes')
-  {{< /tab >}}
+{{< tab header="Ruby" text=true>}}
+{{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L14-L15" >}}
+{{< /tab >}}
   {{< tab header="JavaScript" >}}
 const fruits = await driver.findElement(By.id('fruits'));
 const fruit = fruits.findElement(By.className('tomatoes'));
@@ -129,9 +128,9 @@ fruit = driver.find_element(By.CSS_SELECTOR,"#fruits .tomatoes")
   {{< tab header="CSharp" >}}
 var fruit = driver.FindElement(By.CssSelector("#fruits .tomatoes"));
   {{< /tab >}}
-  {{< tab header="Ruby" >}}
-fruit = driver.find_element(css: '#fruits .tomatoes')
-  {{< /tab >}}
+{{< tab header="Ruby" text=true>}}
+{{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L19" >}}
+{{< /tab >}}
   {{< tab header="JavaScript" >}}
 const fruit = await driver.findElement(By.css('#fruits .tomatoes'));
   {{< /tab >}}
@@ -158,9 +157,9 @@ plants = driver.find_elements(By.TAG_NAME, "li")
   {{< tab header="CSharp" >}}
 IReadOnlyList<IWebElement> plants = driver.FindElements(By.TagName("li"));
   {{< /tab >}}
-  {{< tab header="Ruby" >}}
-plants = driver.find_elements(tag_name: 'li')
-  {{< /tab >}}
+{{< tab header="Ruby" text=true>}}
+{{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L23" >}}
+{{< /tab >}}
   {{< tab header="JavaScript" >}}
 const plants = await driver.findElements(By.tagName('li'));
   {{< /tab >}}
@@ -223,23 +222,9 @@ namespace FindElementsExample {
  }
 }
   {{< /tab >}}
-  {{< tab header="Ruby" >}}
-require 'selenium-webdriver'
-driver = Selenium::WebDriver.for :firefox
-begin
-     # Navigate to URL
-  driver.get 'https://www.example.com'
-
-     # Get all the elements available with tag name 'p'
-  elements = driver.find_elements(:tag_name,'p')
-
-  elements.each { |e|
-    puts e.text
-  }
-ensure
-  driver.quit
-end
-  {{< /tab >}}
+   {{< tab header="Ruby" text=true>}}
+   {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L27-L28" >}}
+   {{< /tab >}}
   {{< tab header="JavaScript" >}}
 const {Builder, By} = require('selenium-webdriver');
 (async function example() {
@@ -354,26 +339,9 @@ namespace FindElementsFromElement {
  }
 }
   {{< /tab >}}
-  {{< tab header="Ruby" >}}
-  require 'selenium-webdriver'
-  driver = Selenium::WebDriver.for :chrome
-  begin
-    # Navigate to URL
-    driver.get 'https://www.example.com'
-
-    # Get element with tag name 'div'
-    element = driver.find_element(:tag_name,'div')
-
-    # Get all the elements available with tag name 'p'
-    elements = element.find_elements(:tag_name,'p')
-
-    elements.each { |e|
-      puts e.text
-    }
-  ensure
-    driver.quit
-  end
-  {{< /tab >}}
+   {{< tab header="Ruby" text=true>}}
+   {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L32-L34" >}}
+   {{< /tab >}}
   {{< tab header="JavaScript" >}}
   const {Builder, By} = require('selenium-webdriver');
 
@@ -478,19 +446,8 @@ It is used to track (or) find DOM element which has the focus in the current bro
      }
     }
   {{< /tab >}}
-  {{< tab header="Ruby" >}}
-  require 'selenium-webdriver'
-  driver = Selenium::WebDriver.for :chrome
-  begin
-    driver.get 'https://www.google.com'
-    driver.find_element(css: '[name="q"]').send_keys('webElement')
-
-    # Get attribute of current active element
-    attr = driver.switch_to.active_element.attribute('title')
-    puts attr
-  ensure
-    driver.quit
-  end
+  {{< tab header="Ruby" text=true>}}
+  {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L38-L39" >}}
   {{< /tab >}}
   {{< tab header="JavaScript" >}}
   const {Builder, By} = require('selenium-webdriver');

From d48f4967390ca8a997acadbbb9efb9e83fc61467 Mon Sep 17 00:00:00 2001
From: aguspe <agustin.pe94@gmail.com>
Date: Sun, 7 Jul 2024 19:02:26 +0200
Subject: [PATCH 2/2] Fix spacing issue

---
 .../webdriver/elements/finders.en.md          | 20 +++++++++----------
 .../webdriver/elements/finders.ja.md          | 14 ++++++-------
 .../webdriver/elements/finders.pt-br.md       | 14 ++++++-------
 .../webdriver/elements/finders.zh-cn.md       | 14 ++++++-------
 4 files changed, 31 insertions(+), 31 deletions(-)

diff --git a/website_and_docs/content/documentation/webdriver/elements/finders.en.md b/website_and_docs/content/documentation/webdriver/elements/finders.en.md
index 5b18e6029cce..89ccc3c77c74 100644
--- a/website_and_docs/content/documentation/webdriver/elements/finders.en.md
+++ b/website_and_docs/content/documentation/webdriver/elements/finders.en.md
@@ -52,9 +52,9 @@ vegetable = driver.find_element(By.CLASS_NAME, "tomatoes")
   {{< tab header="CSharp" >}}
 var vegetable = driver.FindElement(By.ClassName("tomatoes"));
   {{< /tab >}}
-  {{< tab header="Ruby" text=true>}}
-{{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L10" >}}
-  {{< /tab >}}
+{{< tab header="Ruby" text=true >}}
+{{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L14-L15">}}
+{{< /tab >}}
   {{< tab header="JavaScript" >}}
 const vegetable = await driver.findElement(By.className('tomatoes'));
   {{< /tab >}}
@@ -87,8 +87,8 @@ fruit = fruits.find_element(By.CLASS_NAME,"tomatoes")
 IWebElement fruits = driver.FindElement(By.Id("fruits"));
 IWebElement fruit = fruits.FindElement(By.ClassName("tomatoes"));
   {{< /tab >}}
-{{< tab header="Ruby" text=true>}}
-{{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L14-L15" >}}
+{{< tab header="Ruby" text=true >}}
+{{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L14-L15">}}
 {{< /tab >}}
   {{< tab header="JavaScript" >}}
 const fruits = await driver.findElement(By.id('fruits'));
@@ -130,7 +130,7 @@ fruit = driver.find_element(By.CSS_SELECTOR,"#fruits .tomatoes")
   {{< tab header="CSharp" >}}
 var fruit = driver.FindElement(By.CssSelector("#fruits .tomatoes"));
   {{< /tab >}}
-{{< tab header="Ruby" text=true>}}
+{{< tab header="Ruby" text=true >}}
 {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L19" >}}
 {{< /tab >}}
   {{< tab header="JavaScript" >}}
@@ -160,7 +160,7 @@ plants = driver.find_elements(By.TAG_NAME, "li")
   {{< tab header="CSharp" >}}
 IReadOnlyList<IWebElement> plants = driver.FindElements(By.TagName("li"));
   {{< /tab >}}
-{{< tab header="Ruby" text=true>}}
+{{< tab header="Ruby" text=true >}}
 {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L23" >}}
 {{< /tab >}}
   {{< tab header="JavaScript" >}}
@@ -226,7 +226,7 @@ namespace FindElementsExample {
  }
 }
   {{< /tab >}}
-   {{< tab header="Ruby" text=true>}}
+   {{< tab header="Ruby" text=true >}}
    {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L27-L28" >}}
    {{< /tab >}}
   {{< tab header="JavaScript" >}}
@@ -344,7 +344,7 @@ namespace FindElementsFromElement {
  }
 }
   {{< /tab >}}
-   {{< tab header="Ruby" text=true>}}
+   {{< tab header="Ruby" text=true >}}
    {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L32-L34" >}}
    {{< /tab >}}
   {{< tab header="JavaScript" >}}
@@ -452,7 +452,7 @@ It is used to track (or) find DOM element which has the focus in the current bro
      }
     }
   {{< /tab >}}
-  {{< tab header="Ruby" text=true>}}
+  {{< tab header="Ruby" text=true >}}
   {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L38-L39" >}}
   {{< /tab >}}
   {{< tab header="JavaScript" >}}
diff --git a/website_and_docs/content/documentation/webdriver/elements/finders.ja.md b/website_and_docs/content/documentation/webdriver/elements/finders.ja.md
index d795e94fcad4..fb7ab88d8cdc 100644
--- a/website_and_docs/content/documentation/webdriver/elements/finders.ja.md
+++ b/website_and_docs/content/documentation/webdriver/elements/finders.ja.md
@@ -49,7 +49,7 @@ vegetable = driver.find_element(By.CLASS_NAME, "tomatoes")
   {{< tab header="CSharp" >}}
 var vegetable = driver.FindElement(By.ClassName("tomatoes"));
   {{< /tab >}}
-{{< tab header="Ruby" text=true>}}
+{{< tab header="Ruby" text=true >}}
 {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L10" >}}
 {{< /tab >}}
   {{< tab header="JavaScript" >}}
@@ -81,7 +81,7 @@ fruit = fruits.find_element(By.CLASS_NAME,"tomatoes")
 IWebElement fruits = driver.FindElement(By.Id("fruits"));
 IWebElement fruit = fruits.FindElement(By.ClassName("tomatoes"));
   {{< /tab >}}
-{{< tab header="Ruby" text=true>}}
+{{< tab header="Ruby" text=true >}}
 {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L14-L15" >}}
 {{< /tab >}}
   {{< tab header="JavaScript" >}}
@@ -120,7 +120,7 @@ fruit = driver.find_element(By.CSS_SELECTOR,"#fruits .tomatoes")
   {{< tab header="CSharp" >}}
 var fruit = driver.FindElement(By.CssSelector("#fruits .tomatoes"));
   {{< /tab >}}
-{{< tab header="Ruby" text=true>}}
+{{< tab header="Ruby" text=true >}}
 {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L19" >}}
 {{< /tab >}}
   {{< tab header="JavaScript" >}}
@@ -149,7 +149,7 @@ plants = driver.find_elements(By.TAG_NAME, "li")
   {{< tab header="CSharp" >}}
 IReadOnlyList<IWebElement> plants = driver.FindElements(By.TagName("li"));
   {{< /tab >}}
-{{< tab header="Ruby" text=true>}}
+{{< tab header="Ruby" text=true >}}
 {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L23" >}}
 {{< /tab >}}
   {{< tab header="JavaScript" >}}
@@ -213,7 +213,7 @@ namespace FindElementsExample {
  }
 }
   {{< /tab >}}
-   {{< tab header="Ruby" text=true>}}
+   {{< tab header="Ruby" text=true >}}
    {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L27-L28" >}}
    {{< /tab >}}
   {{< tab header="JavaScript" >}}
@@ -330,7 +330,7 @@ namespace FindElementsFromElement {
  }
 }
   {{< /tab >}}
-   {{< tab header="Ruby" text=true>}}
+   {{< tab header="Ruby" text=true >}}
    {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L32-L34" >}}
    {{< /tab >}}
   {{< tab header="JavaScript" >}}
@@ -437,7 +437,7 @@ namespace FindElementsFromElement {
      }
     }
   {{< /tab >}}
-  {{< tab header="Ruby" text=true>}}
+  {{< tab header="Ruby" text=true >}}
   {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L38-L39" >}}
   {{< /tab >}}
   {{< tab header="JavaScript" >}}
diff --git a/website_and_docs/content/documentation/webdriver/elements/finders.pt-br.md b/website_and_docs/content/documentation/webdriver/elements/finders.pt-br.md
index 3b6117da8843..4e27d33169d1 100644
--- a/website_and_docs/content/documentation/webdriver/elements/finders.pt-br.md
+++ b/website_and_docs/content/documentation/webdriver/elements/finders.pt-br.md
@@ -50,7 +50,7 @@ vegetable = driver.find_element(By.CLASS_NAME, "tomatoes")
   {{< tab header="CSharp" >}}
 var vegetable = driver.FindElement(By.ClassName("tomatoes"));
   {{< /tab >}}
-{{< tab header="Ruby" text=true>}}
+{{< tab header="Ruby" text=true >}}
 {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L10" >}}
 {{< /tab >}}
   {{< tab header="JavaScript" >}}
@@ -83,7 +83,7 @@ fruit = fruits.find_element(By.CLASS_NAME,"tomatoes")
 IWebElement fruits = driver.FindElement(By.Id("fruits"));
 IWebElement fruit = fruits.FindElement(By.ClassName("tomatoes"));
   {{< /tab >}}
-{{< tab header="Ruby" text=true>}}
+{{< tab header="Ruby" text=true >}}
 {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L14-L15" >}}
 {{< /tab >}}
   {{< tab header="JavaScript" >}}
@@ -124,7 +124,7 @@ fruit = driver.find_element(By.CSS_SELECTOR,"#fruits .tomatoes")
   {{< tab header="CSharp" >}}
 var fruit = driver.FindElement(By.CssSelector("#fruits .tomatoes"));
   {{< /tab >}}
-{{< tab header="Ruby" text=true>}}
+{{< tab header="Ruby" text=true >}}
 {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L19" >}}
 {{< /tab >}}
   {{< tab header="JavaScript" >}}
@@ -152,7 +152,7 @@ plants = driver.find_elements(By.TAG_NAME, "li")
   {{< tab header="CSharp" >}}
 IReadOnlyList<IWebElement> plants = driver.FindElements(By.TagName("li"));
   {{< /tab >}}
-{{< tab header="Ruby" text=true>}}
+{{< tab header="Ruby" text=true >}}
 {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L23" >}}
 {{< /tab >}}
   {{< tab header="JavaScript" >}}
@@ -217,7 +217,7 @@ namespace FindElementsExample {
  }
 }
   {{< /tab >}}
-   {{< tab header="Ruby" text=true>}}
+   {{< tab header="Ruby" text=true >}}
    {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L27-L28" >}}
    {{< /tab >}}
   {{< tab header="JavaScript" >}}
@@ -334,7 +334,7 @@ namespace FindElementsFromElement {
  }
 }
   {{< /tab >}}
-   {{< tab header="Ruby" text=true>}}
+   {{< tab header="Ruby" text=true >}}
    {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L32-L34" >}}
    {{< /tab >}}
   {{< tab header="JavaScript" >}}
@@ -441,7 +441,7 @@ Ele é usado para rastrear (ou) encontrar um elemento DOM que tem o foco no cont
      }
     }
   {{< /tab >}}
-  {{< tab header="Ruby" text=true>}}
+  {{< tab header="Ruby" text=true >}}
   {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L38-L39" >}}
   {{< /tab >}}
   {{< tab header="JavaScript" >}}
diff --git a/website_and_docs/content/documentation/webdriver/elements/finders.zh-cn.md b/website_and_docs/content/documentation/webdriver/elements/finders.zh-cn.md
index 24dac0f4375d..7edaa9f85ea0 100644
--- a/website_and_docs/content/documentation/webdriver/elements/finders.zh-cn.md
+++ b/website_and_docs/content/documentation/webdriver/elements/finders.zh-cn.md
@@ -52,7 +52,7 @@ vegetable = driver.find_element(By.CLASS_NAME, "tomatoes")
   {{< tab header="CSharp" >}}
 var vegetable = driver.FindElement(By.ClassName("tomatoes"));
   {{< /tab >}}
-{{< tab header="Ruby" text=true>}}
+{{< tab header="Ruby" text=true >}}
 {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L10" >}}
 {{< /tab >}}
   {{< tab header="JavaScript" >}}
@@ -86,7 +86,7 @@ fruit = fruits.find_element(By.CLASS_NAME,"tomatoes")
 IWebElement fruits = driver.FindElement(By.Id("fruits"));
 IWebElement fruit = fruits.FindElement(By.ClassName("tomatoes"));
   {{< /tab >}}
-{{< tab header="Ruby" text=true>}}
+{{< tab header="Ruby" text=true >}}
 {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L14-L15" >}}
 {{< /tab >}}
   {{< tab header="JavaScript" >}}
@@ -128,7 +128,7 @@ fruit = driver.find_element(By.CSS_SELECTOR,"#fruits .tomatoes")
   {{< tab header="CSharp" >}}
 var fruit = driver.FindElement(By.CssSelector("#fruits .tomatoes"));
   {{< /tab >}}
-{{< tab header="Ruby" text=true>}}
+{{< tab header="Ruby" text=true >}}
 {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L19" >}}
 {{< /tab >}}
   {{< tab header="JavaScript" >}}
@@ -157,7 +157,7 @@ plants = driver.find_elements(By.TAG_NAME, "li")
   {{< tab header="CSharp" >}}
 IReadOnlyList<IWebElement> plants = driver.FindElements(By.TagName("li"));
   {{< /tab >}}
-{{< tab header="Ruby" text=true>}}
+{{< tab header="Ruby" text=true >}}
 {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L23" >}}
 {{< /tab >}}
   {{< tab header="JavaScript" >}}
@@ -222,7 +222,7 @@ namespace FindElementsExample {
  }
 }
   {{< /tab >}}
-   {{< tab header="Ruby" text=true>}}
+   {{< tab header="Ruby" text=true >}}
    {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L27-L28" >}}
    {{< /tab >}}
   {{< tab header="JavaScript" >}}
@@ -339,7 +339,7 @@ namespace FindElementsFromElement {
  }
 }
   {{< /tab >}}
-   {{< tab header="Ruby" text=true>}}
+   {{< tab header="Ruby" text=true >}}
    {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L32-L34" >}}
    {{< /tab >}}
   {{< tab header="JavaScript" >}}
@@ -446,7 +446,7 @@ It is used to track (or) find DOM element which has the focus in the current bro
      }
     }
   {{< /tab >}}
-  {{< tab header="Ruby" text=true>}}
+  {{< tab header="Ruby" text=true >}}
   {{< gh-codeblock path="/examples/ruby/spec/elements/finders_spec.rb#L38-L39" >}}
   {{< /tab >}}
   {{< tab header="JavaScript" >}}