---
title: "contentFrame() | Grafana k6 documentation"
description: "Browser module: locator.contentFrame method"
---

# contentFrame()

This method returns a [FrameLocator](/docs/k6/latest/javascript-api/k6-browser/framelocator/) object pointing to the same `iframe` as this locator. This is useful when you have a [Locator](/docs/k6/latest/javascript-api/k6-browser/locator/) object obtained somewhere, and later on would like to interact with the content inside the frame.

## Returns

Expand table

| Type                                                                    | Description                                                      |
|-------------------------------------------------------------------------|------------------------------------------------------------------|
| [FrameLocator](/docs/k6/latest/javascript-api/k6-browser/framelocator/) | The `FrameLocator` pointing to the same`iframe` as this locator. |

## Example

JavaScript ![Copy code to clipboard](/media/images/icons/icon-copy-small-2.svg) Copy

```javascript
import { browser } from 'k6/browser';

export const options = {
  scenarios: {
    browser: {
      executor: 'shared-iterations',
      options: {
        browser: {
          type: 'chromium',
        },
      },
    },
  },
};

export default async function () {
  const page = await browser.newPage();

  try {
    await page.setContent(`
      <iframe id="my_frame" src="https://quickpizza.grafana.com" width="50%" height="50%"></iframe>
    `);

    const frameLocator = page.locator('#my_frame').contentFrame();
    await frameLocator.getByText('Pizza, Please!').click();

    const noThanksBtn = frameLocator.getByText('No thanks');
    await noThanksBtn.click();
  } finally {
    await page.close();
  }
}
```