How to use WaitForFrameNavigationAsync method of PuppeteerSharp.FrameManager class

The problem is how the CSSStyleDeclaration is serialized. If that´s how Chromium decides to serialize that object there is nothing we can do there.

But, we can try to solve that from javascript using EvaluateFunctionAsync.

foreach (var handle in elementHandles)
{
  var style = await page.EvaluateFunctionAsync<Dictionary<string, string>>(
    "e => Object.entries(e.style).filter(i => isNaN(i[0]) && i[1]).map(i => { return { [i[0]] : i[1]}}).reduce((acc, cur) => { return {...acc, ...cur}}, {})", handle);
  var output = style.ToString();
}

Let's take a look at the javascript expression

e=> //We send the HTML element instead of the style property
  Object.entries(e.style) //We get all the property/value pairs from the CSSStyleDeclaration object
    // We want to exclude number properties (like 0,1,2) and empty values
    .filter(i => isNaN(i[0]) && i[1]) 
    //We turn them into objects
    .map(i => { return { [i[0]] : i[1]}})
    //We merge them into one single object that will be returned to C#
    .reduce((acc, cur) => { return {...acc, ...cur}}, {})

This code will load www.kayak.com with no images:

using (var browser = await Puppeteer.LaunchAsync(new LaunchOptions { Headless = false }))
using (var page = await browser.NewPageAsync())
{
    await page.SetRequestInterceptionAsync(true);

    // disable images to download
    page.Request += (sender, e) =>
    {
        if (e.Request.ResourceType == ResourceType.Image)
            e.Request.AbortAsync();
        else
            e.Request.ContinueAsync();
    };
    await page.GoToAsync("https://www.kayak.com");
    Console.ReadLine();
}

You have to be careful with your domain property. If it's not valid, it will be ignored. For what I see there. You might be setting something like http://www.yourdomain.com, when yourdomain.com is expected.

You should use EvaluateExpressionAsync.

_page.EvaluateExpressionAsync("JSON.stringify(performance.timeOrigin)").ConfigureAwait(false);

Add WaitForNavigationAsync() after your SetContentAsync() call to wait for the page content to load. By default it waits for the onLoad event, but you can use parameters to change it to wait for a different event.

await page.WaitForNavigationAsync();

using below,

using var page = browser.NewPageAsync().Result;

page.TypeAsync("input[name='elementname']", valuetobeset).Wait();

"TimeoutError: Timed out after 30000 ms while trying to connect to the browser! Only Chrome at revision r1056772 is guaranteed to work." might be an explanation, as of 12/2022. Tried on Chrome Portable and got this error, very similar to yours.

In puppeteer sharp that's being solved using extension methods.

await page.QuerySelectorAsync("#my-form")
    .EvaluateFunctionAsync("form => form.submit()"); 

If you are using CSS selector as a locator then you haven't provided correct locator.

You can try following CSS Selector which should work.

Using Type attribute

await page.ClickAsync("button[type='submit']");

OR Using name attribute

 await page.ClickAsync("button[name='login-submit']");

OR using class attribute

await page.ClickAsync("button.inline-btn-2");

OR Using multiple attribute such as

await page.ClickAsync("button[type='submit'][name='login-submit']");