2022-07-05 13:41:43 +00:00
---
sidebar_label: Frame.$eval
---
# Frame.$eval() method
2022-08-10 21:34:29 +00:00
Runs the given function on the first element matching the given selector in the frame.
If the given function returns a promise, then this method will wait till the promise resolves.
2022-10-24 07:07:05 +00:00
#### Signature:
2022-07-05 13:41:43 +00:00
```typescript
class Frame {
$eval<
2022-07-06 07:05:37 +00:00
Selector extends string,
2022-07-05 13:41:43 +00:00
Params extends unknown[],
2023-02-13 19:25:07 +00:00
Func extends EvaluateFuncWith< NodeFor < Selector > , Params> = EvaluateFuncWith<
NodeFor< Selector > ,
Params
>
2022-07-05 13:41:43 +00:00
>(
selector: Selector,
pageFunction: Func | string,
...args: Params
): Promise< Awaited < ReturnType < Func > >>;
}
```
## Parameters
2022-08-10 21:34:29 +00:00
| Parameter | Type | Description |
| ------------ | -------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- |
| selector | Selector | The selector to query for. |
| pageFunction | Func \| string | The function to be evaluated in the frame's context. The first element matching the selector will be passed to the function as its first argument. |
| args | Params | Additional arguments to pass to < code > pageFunction< / code > . |
2022-07-05 13:41:43 +00:00
**Returns:**
Promise< Awaited< ReturnType< Func> > >
2022-08-10 21:34:29 +00:00
A promise to the result of the function.
2022-07-05 13:41:43 +00:00
## Example
```ts
const searchValue = await frame.$eval('#search', el => el.value);
```