playwright/test/assets/frames/nested-frames.html

<style>
body {
    display: flex;
    height: 500px;
    margin: 8px;
}

body iframe {
    flex-grow: 1;
    flex-shrink: 1;
    border: 0;
    background-color: green;
}

::-webkit-scrollbar{
    display: none;
}
</style>
<script>
async function attachFrame(frameId, url) {
    var frame = document.createElement('iframe');
    frame.src = url;
    frame.id = frameId;
    document.body.appendChild(frame);
    await new Promise(x => frame.onload = x);
    return 'kazakh';
}
</script>
<iframe src='./two-frames.html' name='2frames'></iframe>
<iframe src='./frame.html' name='aframe'></iframe>