Owen/control docs p8 (#5887)

* add navigation bar example tests and images

* add menuitembutton example tests and images

* add menu bar example tests and images

* add list view example tests and images

* unccoment menu bar test

* add pixel_ratio parameter to screenshots, fix navigation bar width

* change submenu example width

* add cupertino timer picker example tests and images

* update navigation bar and badge golden images

Author: OwenMcDonnell

sdk/python/examples/controls/cupertino_timer_picker/__init__.py

@@ -44,4 +44,5 @@ def handle_timer_picker_change(e: ft.Event[ft.CupertinoTimerPicker]):
     )
 
 
-ft.run(main)
+if __name__ == "__main__":
+    ft.run(main)

sdk/python/examples/controls/cupertino_timer_picker/basic.py

@@ -119,4 +119,5 @@ def handle_submenu_hover(e: ft.Event[ft.SubmenuButton]):
     )
 
 
-ft.run(main)
+if __name__ == "__main__":
+    ft.run(main)

sdk/python/examples/controls/menu_bar/__init__.py

@@ -67,4 +67,5 @@ def handle_on_hover(e: ft.Event[ft.MenuItemButton]):
     )
 
 
-ft.run(main)
+if __name__ == "__main__":
+    ft.run(main)

sdk/python/examples/controls/menu_bar/nested_submenus.py

@@ -19,4 +19,5 @@ def main(page: ft.Page):
     page.add(ft.Text("Body!"))
 
 
-ft.run(main)
+if __name__ == "__main__":
+    ft.run(main)

sdk/python/examples/controls/menu_item_button/__init__.py

@@ -1,10 +1,11 @@
 ---
 class_name: flet.CupertinoTimerPicker
 examples: ../../examples/controls/cupertino_timer_picker
-example_images: ../examples/controls/cupertino_timer_picker/media
+example_media: ../examples/controls/cupertino_timer_picker/media
+example_images: ../test-images/examples/cupertino/golden/macos/cupertino_timer_picker
 ---
 
-{{ class_summary(class_name) }}
+{{ class_summary(class_name, example_images + "/image_for_docs.png", image_caption="Simple Cupertino timer picker") }}
 
 ## Examples
 
@@ -16,7 +17,7 @@ example_images: ../examples/controls/cupertino_timer_picker/media
 --8<-- "{{ examples }}/basic.py"
 ```
 
-{{ image(example_images + "/basic.gif", alt="basic", width="80%") }}
+{{ image(example_media + "/basic.gif", alt="basic", width="80%") }}
 
 
 {{ class_members(class_name) }}

sdk/python/examples/controls/menu_item_button/basic.py

@@ -1,10 +1,11 @@
 ---
 class_name: flet.ListView
 examples: ../../examples/controls/list_view
-example_images: ../examples/controls/list_view/media
+example_media: ../examples/controls/list_view/media
+example_images: ../test-images/examples/core/golden/macos/list_view
 ---
 
-{{ class_summary(class_name) }}
+{{ class_summary(class_name, example_images + "/image_for_docs.png", image_caption="Basic list view") }}
 
 ## Examples
 
@@ -16,7 +17,7 @@ example_images: ../examples/controls/list_view/media
 --8<-- "{{ examples }}/autoscroll_and_dynamic_items.py"
 ```
 
-{{ image(example_images + "/autoscroll_and_dynamic_items.gif", alt="autoscroll-and-dynamic-items", width="80%") }}
+{{ image(example_media + "/autoscroll_and_dynamic_items.gif", alt="autoscroll-and-dynamic-items", width="80%") }}
 
 
 {{ class_members(class_name) }}