py10x-universe 0.1.3__py3-none-any.whl

ui_10x/rio/style_sheet.py

@@ -0,0 +1,53 @@
+from __future__ import annotations
+
+from core_10x.rc import RC
+from core_10x.trait import Trait
+from core_10x.traitable import Traitable
+from matplotlib import colors
+
+import rio
+
+
+class StyleSheet(Traitable):
+    sheet: dict
+    text_style: rio.TextStyle
+
+    def sheet_set(self, trait: Trait, value: dict) -> RC:
+        # {'color': 'lightgreen', 'background-color': 'white', 'font-family': 'Helvetica', 'font-style': 'normal', 'font-weight': 'normal', 'border-width': '2px', 'border-style': '', 'border-color': 'blue'}
+        style = dict(value)
+        kw = {}
+        if bg_color := style.pop('color', None):
+            kw['fill'] = rio.Color.from_hex(colors.to_hex(bg_color))
+
+        if font := style.pop('font-family', None):
+            kw['font'] = rio.Font.from_google_fonts(font)
+
+        if font_style := style.pop('font-style', None):
+            if font_style != 'normal':
+                kw[font_style] = True
+
+        if font_weight := style.pop('font-weight', None):
+            kw['font_weight'] = font_weight
+
+        if kw:
+            self.text_style = rio.TextStyle(**kw)
+
+        return self.rc(style)
+
+    def sheet_get(self):
+        style = {}
+        ts = self.text_style
+        if ts:
+            style['font-style'] = 'italic' if ts.italic else 'normal'
+            style['font-weight'] = ts.font_weight or 'normal'
+            if family := ts.font._google_fonts_name:  # TODO: better?
+                style['font-family'] = family
+            style['color'] = f'#{ts.fill.hex}'
+        return style
+
+    @staticmethod
+    def rc(ss) -> RC:
+        rc = RC(True)
+        for style, value in ss.items():
+            rc.add_error(f'Unsupported style: {style}: {value}')
+        return rc

ui_10x/rio/unit_tests/test_collection_editor.py

@@ -0,0 +1,68 @@
+import asyncio
+from datetime import date
+
+import pytest
+import rio.testing.browser_client
+from core_10x.code_samples.person import Person
+from core_10x.exec_control import CACHE_ONLY, INTERACTIVE
+from ui_10x.collection_editor import Collection, CollectionEditor
+from ui_10x.rio.component_builder import DynamicComponent
+
+
+@pytest.fixture(autouse=True)
+def mock_db_ops(monkeypatch):
+    with CACHE_ONLY():
+        sasha = Person(first_name='Sasha', last_name='Davidovich', weight_lbs=150, _replace=True)
+        ilya = Person(first_name='Ilya', last_name='Pevzner', weight_lbs=200, dob=date(1971, 7, 3), _replace=True)
+    monkeypatch.setattr(Person, 'load_ids', lambda: [sasha.id(), ilya.id()])
+    monkeypatch.setattr(Person, 'load_data', lambda id: {sasha.id(): sasha, ilya.id(): ilya}[id])
+    yield
+
+
+@pytest.fixture(autouse=True)
+def interactive_mode():
+    interactive = INTERACTIVE()
+    interactive.begin_using()
+    yield
+    interactive.end_using()
+
+
+async def test_collection_editor() -> None:
+    coll = Collection(cls=Person)
+    ce = CollectionEditor(coll=coll)
+    widget = ce.main_widget()
+
+    async with rio.testing.BrowserClient(lambda: DynamicComponent(widget)) as test_client:
+        await asyncio.sleep(0.5)
+
+        assert await test_client.execute_js('document.querySelector(".rio-selectable-item").innerText') == 'Ilya|Pevzner'
+        await test_client.execute_js('document.querySelector(".rio-selectable-item").click()')
+        await asyncio.sleep(0.5)
+
+        assert await test_client.execute_js('document.querySelectorAll("input")[8].value') == 'LB'
+        assert await test_client.execute_js('document.querySelectorAll("input")[7].value') == '200.00'
+
+        button_id = next(b._id_ for b in test_client.get_components(rio.Button) if b.content == 'edit')
+        await test_client.execute_js(f'''document.querySelector('[dbg-id="{button_id}"]').querySelector('rio-pressable-element').click()''')
+        await asyncio.sleep(0.5)
+
+        assert await test_client.execute_js('document.querySelectorAll("input")[16].value') == 'LB'
+        assert await test_client.execute_js('document.querySelectorAll("input")[15].value') == '200.00'
+
+        button_id = next(b._id_ for b in reversed(tuple(test_client.get_components(rio.Button))) if b.icon == 'material/arrow_downward')
+        await test_client.execute_js(f'''document.querySelector('[dbg-id="{button_id}"]').querySelector('rio-pressable-element').click()''')
+        await asyncio.sleep(0.5)
+
+        print([li.text for li in test_client.get_components(rio.SimpleListItem)])
+        list_item_id = next(li._id_ for li in test_client.get_components(rio.SimpleListItem) if li.text == 'G')
+        await test_client.execute_js(f'''document.querySelector('[dbg-id="{list_item_id}"]').querySelector('.rio-selectable-item').click()''')
+
+        assert await test_client.execute_js('document.querySelectorAll("input")[16].value') == 'G'
+        assert await test_client.execute_js('document.querySelectorAll("input")[15].value') == '90,702.95'
+
+        button_id = next(b._id_ for b in test_client.get_components(rio.Button) if b.content == 'Ok')
+        await test_client.execute_js(f'''document.querySelector('[dbg-id="{button_id}"]').querySelector('rio-pressable-element').click()''')
+        await asyncio.sleep(0.5)
+
+        assert await test_client.execute_js('document.querySelectorAll("input")[8].value') == 'G'
+        assert await test_client.execute_js('document.querySelectorAll("input")[7].value') == '90,702.95'