kagekiri
kagekiri copied to clipboard
Kagekiri querySelector not working
This is my CSS selector div.filters > div:nth-child(1) select.templateInputs
This works for Puppeteer and devtools element search. But, don't work in Kagekiri
When I digged into the source code, found that this is what happening.
Step1: select.templateInputs has a parent div - which resolves to div.uiInput Step2: div.uiInput has any direct(because of > selector) parent with div.filters? No. It fails here!
Sample html
<div class="filters runtime_sales_emailtemplateuiTemplateInsertDialog" data-aura-rendered-by="3135:0"
data-aura-class="runtime_sales_emailtemplateuiTemplateInsertDialog">
<div>
<div class="uiInput uiInputSelect uiInput--default uiInput--select"
data-aura-class="uiInput uiInputSelect uiInput--default uiInput--select"><label for="3137:0"
class="uiLabel-top form-element__label uiLabel" data-aura-rendered-by="3238:0"
data-aura-class="uiLabel"><span id="3137:0-label" title="Templates" class=""
data-aura-rendered-by="3239:0">Templates</span></label>
<select size="1" aria-describedby="" id="" class="templateInputs select" data-aura-rendered-by="3142:0" data-interactive-lib-uid="14"><!--render facet: 3143:0-->
<option label="My Templates" value="MyLightning">My Templates</option>
<option label="All Templates" value="AllLightning">All Templates</option>
</select>
</div>
</div>
</div>