Nicegui user should find elements created by Quasar code

[MasterSergius]

Example.

I have a table and the only way to create selects dynamically is using quasar syntax:

rows = [
   {
      "product_id": item.product_id,
      "product_model": item.product_model,
      "color": item.available_colors,
      "selected_color": item.available_colors[0],
      "emblem": item.available_emblems,
      "selected_emblem": item.available_emblems[0],
   }
   for item in db_results
]

table = ui.table(columns=columns, rows=rows).classes("w-full")
table.add_slot('body-cell-color', r'''
    <q-td key="color" :props="props">
        <q-select
            v-model="props.row.selected_color"
            :options="props.row.color"
            @update:model-value="() => $parent.$emit('rename', props.row)"
        />
    </q-td>
''')

In tests I want user find this select and change value. But user.find(kind=Select) doesn't work for this case

[rodja]

The NiceGUI user fixture only knows about python elements. Thats the whole trick. You could either use the screen fixture which does start a real browser or change the implementation to use ui.teleport:

colors = ['red', 'green', 'blue']
columns = [
    {'name': 'product', 'label': 'Product', 'field': 'product', 'align': 'center'},
    {'name': 'color', 'label': 'Color', 'field': 'color', 'align': 'center'},
]
rows = [
    {'product': 'A', 'color': 'red'},
    {'product': 'B', 'color': 'green'},
    {'product': 'C', 'color': 'blue'},
]
table = ui.table(columns=columns, rows=rows, row_key='product').classes('w-72')
table.add_slot('body-cell-color', r'''<q-td key="color" :props="props"></q-td>''')
for r, row in enumerate(rows):
    with ui.teleport(f'#c{table.id} tr:nth-child({r+1}) td:nth-child(2)'):
        ui.select(colors).bind_value(row, 'color').mark(f'row{r+1}')

[falkoschindler]

Exactly. When working with the User fixture, there is no Quasar code running. Therefore I'll close this feature request as conceptually impossible.