Applying CSS to a website fails

I am trying to apply a CSS to a website like so:

await Page.enable();
await DOM.enable();
await CSS.enable();
const frame = await Page.navigate({ url: 'https://google.com' });
const styleSheet = await CSS.createStyleSheet(frame)


const ruleText = 'body { background-color: red; }';
const location = {
  startLine: 0,
  endLine: 0, // should be split by \n if its multiline
  startColumn: 0,
  endColumn: 31, // guessing this has to be the length if it is a one liner? what about multi line? longest line?
};
await CSS.addRule(styleSheet, ruleText, location);

It fails with Error: Invalid parameters and 'ruleText: string value expected; location: object expected'

Any idea what is happening? I can’t find anything in the documentation

[cyrus-and]

This works for me:

const CDP = require('chrome-remote-interface');

CDP(async (client) => {
    try {
        const {CSS, DOM, Page} = client;
        // the CSS domain must be enabled
        await DOM.enable();
        await CSS.enable();
        await Page.enable();
        // load the URL and wait for the load event in order to alter the CSS
        const {frameId} = await Page.navigate({url: 'https://google.com'});
        await Page.loadEventFired();
        // create and populate a new stylesheet so there's no need to mess
        // with ranges which is quite annoying; no !important is needed now as
        // presumably this new stylesheet has the highest priority
        const {styleSheetId} = await CSS.createStyleSheet({frameId});
        await CSS.setStyleSheetText({
            styleSheetId,
            text: `body { background: red; }`
        });
    } catch (err) {
        console.error(err);
    } finally {
        client.close();
    }
}).on('error', (err) => {
    console.error(err);
});

[dominikkukacka]

Ah perfect.

Thank you very much for your support!!!