Application pop-up not appearing when browser launched via playwright


<!-- SELECTED FORM START -->
<br style="font-size:1px;line-height:0;">
<div id="hiddenFilterValues">
   <input type="hidden" name="fdsIdOpFilter" value="IN">
   <input type="hidden" name="fdsIdsFilter" value="">
   <input type="hidden" name="fdsDescriptionFilter" value="">
   <input type="hidden" name="fieldDelimiter" value=";">
   <input type="hidden" name="orderByFilter" value="">
   <input type="hidden" name="orderBy" value="">
   <input type="hidden" name="orderByDirection" value="desc">
</div>
<!-- This will receive a copy of the content of the selectedTable -->
<div id="selectedTableCopyDiv" style="display:none;"></div>
<!-- SELECTED FORM END -->
<!-- BUTTONS START -->
<br>
&nbsp;
<input type="button" id="rules" name="rules" value="Rules" class="button-raised-primary" onclick="execute(this.form, 'rules');" accesskey="" style="">
&nbsp;
<input type="button" id="marketReport" name="marketReport" value="Launch market report" class="button-raised-primary" onclick="execute(this.form, 'marketReport');" accesskey="" style="">
&nbsp;
<input type="button" id="factReport" name="factReport" value="Launch fact report" class="button-raised-primary" onclick="execute(this.form, 'factReport');" accesskey="" style="">
</tr>
</tbody></table>
</div>
<!-- BUTTONS END -->
<iframe id="dummyIframe" name="dummyIframe" class="objecthidden" height="0"></iframe>
<input type="text" name="dummyInput" size="1" class="objecthidden" readonly="" disabled="">
</form> 

This is my HTML
When i click to marketReport button the alert pop-up should appear but through playwright browser nothing is happening.Also in console execute function is not searchable which if i search through manually launched browser it works fine.How i can handle the button clicks which should open the alert pop-up in playwright
Button clicks should throw alert pop-up every time.