update files to utilize codeblock

update the following files to utilize `codeblock`
1. "design_strategies.ja.md"
2. "design_strategies.pt-br.md"
3. "design_strategies.zh-cn.md"

Author: PeteSong

website_and_docs/content/documentation/test_practices/design_strategies.ja.md

@@ -441,281 +441,43 @@ public class ActionBot {
 
 A `pytest` fixture `chrome_driver`.
 
-```python
-import pytest
-from selenium import webdriver
-from selenium.common import (
-    ElementNotInteractableException,
-    NoSuchElementException,
-    StaleElementReferenceException,
-)
-from selenium.webdriver import ActionChains
-from selenium.webdriver.common.by import By
-from selenium.webdriver.remote.webelement import WebElement
-from selenium.webdriver.support import expected_conditions as EC
-from selenium.webdriver.support.ui import WebDriverWait
-
-
-@pytest.fixture(scope="function")
-def chrome_driver():
-    with webdriver.Chrome() as driver:
-        driver.set_window_size(1024, 768)
-        driver.implicitly_wait(0.5)
-        yield driver
-```
+{{< tabpane text=true >}}
+{{< tab header="Python" >}}
+{{< gh-codeblock path="/examples/python/tests/design_strategy/using_best_practice.py#L6-L26" >}}
+{{< /tab >}}
+{{< /tabpane >}}
+
 
 "**Action Bot**" implementation.
 
-```python
-class ActionBot:
-    def __init__(self, driver) -> None:
-        self.driver = driver
-        self.wait = WebDriverWait(
-            driver,
-            timeout=10,
-            poll_frequency=2,
-            ignored_exceptions=[
-                NoSuchElementException,
-                StaleElementReferenceException,
-                ElementNotInteractableException,
-            ],
-        )
-
-    def element(self, locator: tuple) -> WebElement:
-        self.wait.until(lambda driver: driver.find_element(*locator))
-        return self.driver.find_element(*locator)
-
-    def elements(self, locator: tuple) -> list[WebElement]:
-        return self.driver.find_elements(*locator)
-
-    def hover(self, locator: tuple) -> None:
-        element = self.element(locator)
-        ActionChains(self.driver).move_to_element(element).perform()
-
-    def click(self, locator: tuple) -> None:
-        element = self.element(locator)
-        element.click()
-
-    def type(self, locator: tuple, value: str) -> None:
-        element = self.element(locator)
-        element.clear()
-        element.send_keys(value)
-
-    def text(self, locator: tuple) -> str:
-        element = self.element(locator)
-        return element.text
-```
+{{< tabpane text=true >}}
+{{< tab header="Python" >}}
+{{< gh-codeblock path="/examples/python/tests/design_strategy/using_best_practice.py#L28-L65" >}}
+{{< /tab >}}
+{{< /tabpane >}}
 
-"**Loadable Component** definition.
 
-```python
-class LoadableComponent:
-    def load(self):
-        raise NotImplementedError("Subclasses must implement this method")
+"**Loadable Component** definition.
 
-    def is_loaded(self):
-        raise NotImplementedError("Subclasses must implement this method")
+{{< tabpane text=true >}}
+{{< tab header="Python" >}}
+{{< gh-codeblock path="/examples/python/tests/design_strategy/using_best_practice.py#L67-L80" >}}
+{{< /tab >}}
+{{< /tabpane >}}
 
-    def get(self):
-        if not self.is_loaded():
-            self.load()
-        if not self.is_loaded():
-            raise Exception("Page not loaded properly.")
-        return self
-```
 
 "**Loadable Component** and **Page Object**" implementation. 
 
-```python
-class TodoPage(LoadableComponent):
-    url = "https://todomvc.com/examples/react/dist/"
-
-    new_todo_by = (By.CSS_SELECTOR, "input.new-todo")
-    count_todo_left_by = (By.CSS_SELECTOR, "span.todo-count")
-    todo_items_by = (By.CSS_SELECTOR, "ul.todo-list>li")
-
-    view_all_by = (By.LINK_TEXT, "All")
-    view_active_by = (By.LINK_TEXT, "Active")
-    view_completed_by = (By.LINK_TEXT, "Completed")
-
-    toggle_all_by = (By.CSS_SELECTOR, "input.toggle-all")
-    clear_completed_by = (By.CSS_SELECTOR, "button.clear-completed")
-
-    @staticmethod
-    def build_todo_by(s: str) -> tuple:
-        p = f"//li[.//label[contains(text(), '{s}')]]"
-        return By.XPATH, p
-
-    @staticmethod
-    def build_todo_item_label_by(s: str) -> tuple:
-        p = f"//label[contains(text(), '{s}')]"
-        return By.XPATH, p
-
-    @staticmethod
-    def build_todo_item_toggle_by(s: str) -> tuple:
-        by, using = TodoPage.build_todo_item_label_by(s)
-        p = f"{using}/../input[@class='toggle']"
-        return by, p
-
-    @staticmethod
-    def build_todo_item_delete_by(s: str) -> tuple:
-        by, using = TodoPage.build_todo_item_label_by(s)
-        p = f"{using}/../button[@class='destroy']"
-        return by, p
-
-    def build_count_todo_left(self, count: int) -> str:
-        if count == 1:
-            return "1 item left!"
-        else:
-            return f"{count} items left!"
-
-    def __init__(self, driver):
-        self.driver = driver
-        self.bot = ActionBot(driver)
-
-    def load(self):
-        self.driver.get(self.url)
-
-    def is_loaded(self):
-        try:
-            WebDriverWait(self.driver, 10).until(
-                EC.visibility_of_element_located(self.new_todo_by)
-            )
-            return True
-        except:
-            return False
-
-    # business domain below
-    def count_todo_items_left(self) -> str:
-        return self.bot.text(self.count_todo_left_by)
-
-    def todo_count(self) -> int:
-        return len(self.bot.elements(self.todo_items_by))
-
-    def new_todo(self, s: str):
-        self.bot.type(self.new_todo_by, s + "\n")
-
-    def toggle_todo(self, s: str):
-        self.bot.click(self.build_todo_item_toggle_by(s))
-
-    def hover_todo(self, s: str) -> None:
-        self.bot.hover(self.build_todo_by(s))
-
-    def delete_todo(self, s: str):
-        self.hover_todo(s)
-        self.bot.click(self.build_todo_item_delete_by(s))
-
-    def clear_completed_todo(self):
-        self.bot.click(self.clear_completed_by)
-
-    def toggle_all_todo(self):
-        self.bot.click(self.toggle_all_by)
-
-    def view_all_todo(self):
-        self.bot.click(self.view_all_by)
-
-    def view_active_todo(self):
-        self.bot.click(self.view_active_by)
-
-    def view_completed_todo(self):
-        self.bot.click(self.view_completed_by)
-```
+{{< tabpane text=true >}}
+{{< tab header="Python" >}}
+{{< gh-codeblock path="/examples/python/tests/design_strategy/using_best_practice.py#L82-L172" >}}
+{{< /tab >}}
+{{< /tabpane >}}
 
 Test cases implementation with `pytest`.
 
-```python
-@pytest.fixture
-def page(chrome_driver) -> TodoPage:
-    driver = chrome_driver
-    return TodoPage(driver).get()
-
-
-class TestTodoPage:
-    def test_new_todo(self, page: TodoPage):
-        assert page.todo_count() == 0
-        page.new_todo("aaa")
-        assert page.count_todo_items_left() == page.build_count_todo_left(1)
-
-    def test_todo_toggle(self, page: TodoPage):
-        s = "aaa"
-        page.new_todo(s)
-        assert page.count_todo_items_left() == page.build_count_todo_left(1)
-
-        page.toggle_todo(s)
-        assert page.count_todo_items_left() == page.build_count_todo_left(0)
-
-        page.toggle_todo(s)
-        assert page.count_todo_items_left() == page.build_count_todo_left(1)
-
-    def test_todo_delete(self, page: TodoPage):
-        s1 = "aaa"
-        s2 = "bbb"
-        page.new_todo(s1)
-        page.new_todo(s2)
-        assert page.count_todo_items_left() == page.build_count_todo_left(2)
-
-        page.delete_todo(s1)
-        assert page.count_todo_items_left() == page.build_count_todo_left(1)
-
-        page.delete_todo(s2)
-        assert page.todo_count() == 0
-
-    def test_new_100_todo(self, page: TodoPage):
-        for i in range(100):
-            s = f"ToDo{i}"
-            page.new_todo(s)
-        assert page.count_todo_items_left() == page.build_count_todo_left(100)
-
-    def test_toggle_all_todo(self, page: TodoPage):
-        for i in range(10):
-            s = f"ToDo{i}"
-            page.new_todo(s)
-        assert page.count_todo_items_left() == page.build_count_todo_left(10)
-        assert page.todo_count() == 10
-
-        page.toggle_all_todo()
-        assert page.count_todo_items_left() == page.build_count_todo_left(0)
-        assert page.todo_count() == 10
-
-        page.toggle_all_todo()
-        assert page.count_todo_items_left() == page.build_count_todo_left(10)
-        assert page.todo_count() == 10
-
-    def test_clear_completed_todo(self, page: TodoPage):
-        for i in range(10):
-            s = f"ToDo{i}"
-            page.new_todo(s)
-        assert page.count_todo_items_left() == page.build_count_todo_left(10)
-        assert page.todo_count() == 10
-
-        for i in range(5):
-            s = f"ToDo{i}"
-            page.toggle_todo(s)
-        assert page.count_todo_items_left() == page.build_count_todo_left(5)
-        assert page.todo_count() == 10
-
-        page.clear_completed_todo()
-        assert page.count_todo_items_left() == page.build_count_todo_left(5)
-        assert page.todo_count() == 5
-
-    def test_view_todo(self, page: TodoPage):
-        for i in range(10):
-            s = f"ToDo{i}"
-            page.new_todo(s)
-        for i in range(4):
-            s = f"ToDo{i}"
-            page.toggle_todo(s)
-
-        page.view_all_todo()
-        assert page.count_todo_items_left() == page.build_count_todo_left(6)
-        assert page.todo_count() == 10
-
-        page.view_active_todo()
-        assert page.count_todo_items_left() == page.build_count_todo_left(6)
-        assert page.todo_count() == 6
-
-        page.view_completed_todo()
-        assert page.count_todo_items_left() == page.build_count_todo_left(6)
-        assert page.todo_count() == 4
-```
-
+{{< tabpane text=true >}}
+{{< tab header="Python" >}}
+{{< gh-codeblock path="/examples/python/tests/design_strategy/using_best_practice.py#L174-" >}}
+{{< /tab >}}
+{{< /tabpane >}}