KaneAI - World’s First E2E Software Testing Agent.Book a Demo Join TestMu Conference

How to use ChromeService method in chrominator

Best JavaScript code snippet using chrominator

app.component.ts

1import { Component, OnInit } from '@angular/core'2import { FormControl } from '@angular/forms'3import { Observable } from 'rxjs'4import { map, switchMap, tap } from 'rxjs/operators'5import { MatSelectionListChange } from '@angular/material/list'6import { ChromeService } from './chrome.service'7import Fuse from 'fuse.js'8import { ChromeSharedOptionsService } from 'chrome-shared-options'9import Tab = chrome.tabs.Tab10import HistoryItem = chrome.history.HistoryItem11interface BrowserAction {12  name: string13  action: () => Promise<void>14}15interface SearchResult {16  name: string17  url: string18  faviconUrl: string19  tab?: Tab20  history?: HistoryItem21}22function filterUniqueValues(results: SearchResult[]): SearchResult[] {23  const set = new Set()24  return results.filter((result: SearchResult) => {25    if (set.has(result.url)) {26      // contains; no need to return27      return false28    }29    set.add(result.url)30    return true31  })32}33function isBrowserAction(34  result: SearchResult | BrowserAction,35): result is BrowserAction {36  return (result as BrowserAction).action !== undefined37}38@Component({39  selector: 'app-root',40  templateUrl: './app.component.html',41  styleUrls: ['./app.component.scss'],42})43export class AppComponent implements OnInit {44  title = 'butler'45  searchInput: FormControl = new FormControl()46  tabResults$: Observable<SearchResult[]>47  historyResults$: Observable<SearchResult[]>48  isSearchingHistory = false49  browserActions$: Observable<BrowserAction[]>50  constructor(51    private chromeService: ChromeService,52    private chromeSharedOptionsService: ChromeSharedOptionsService,53  ) {}54  async ngOnInit(): Promise<void> {55    const options = await this.chromeSharedOptionsService.getOptions()56    const BROWSER_ACTIONS: BrowserAction[] = [57      {58        name: 'Close other tabs',59        action: async () => {60          const tabs = await this.chromeService.tabsQuery({61            currentWindow: true,62            // Respect pinned63            pinned: false,64          })65          await this.chromeService.tabsRemove(66            tabs.filter((tab) => !tab.active).map((tab) => tab.id),67          )68        },69      },70      {71        name: 'Close tabs to the right',72        action: async () => {73          const currentTab = await this.chromeService.getCurrentTab()74          const tabs = await this.chromeService.tabsQuery({75            currentWindow: true,76            pinned: false,77          })78          const findIndex = tabs.findIndex((t) => t.id === currentTab.id)79          if (findIndex === -1) {80            // do nothing81            return82          }83          const tabIds = tabs.slice(findIndex + 1).map((t) => t.id)84          if (0 < tabIds.length) {85            await this.chromeService.tabsRemove(tabIds)86          }87        },88      },89      {90        name: 'Open settings',91        action: async () => {92          await this.chromeService.openSettings()93        },94      },95    ]96    this.browserActions$ = this.searchInput.valueChanges.pipe(97      map((searchInputText: string) => {98        return new Fuse<BrowserAction>(BROWSER_ACTIONS, {99          isCaseSensitive: false,100          keys: ['name'],101        })102          .search(searchInputText)103          .map((value) => {104            return value.item105          })106      }),107    )108    this.tabResults$ = this.searchInput.valueChanges.pipe(109      switchMap((searchInputText) => {110        if (!searchInputText || !options.includesTabs) {111          return []112        }113        return this.chromeService.tabsQuery({}).then((tabs) => {114          const filteredTabs = new Fuse<Tab>(tabs, {115            keys: ['title', 'url'],116            isCaseSensitive: false,117          }).search(searchInputText)118          return filteredTabs.map(({ item: tab }) => ({119            faviconUrl: tab.favIconUrl,120            name: tab.title,121            url: tab.url,122            tab,123          }))124        })125      }),126    )127    this.historyResults$ = this.searchInput.valueChanges.pipe(128      switchMap((searchInputText) => {129        if (!searchInputText || !options.includesHistory) {130          return []131        }132        this.isSearchingHistory = true133        return this.chromeService134          .historySearch({135            text: searchInputText,136            startTime: options.searchHistoryStartDateInUnixEpoch,137          })138          .then((histories) => {139            return histories.map((result) => ({140              faviconUrl: '',141              name: result.title,142              url: result.url,143              history: result,144            }))145          })146      }),147      // there could be many duplicate for history. Hence, remove the duplicates.148      map((results) => filterUniqueValues(results)),149      tap(() => {150        this.isSearchingHistory = false151      }),152    )153  }154  async onClickItem(result: SearchResult | BrowserAction): Promise<void> {155    if (isBrowserAction(result)) {156      await result.action()157    } else if (result.tab) {158      const currentWindow = await this.chromeService.getCurrentWindow()159      if (currentWindow.id === result.tab.windowId) {160        await this.chromeService.activateTab(result.tab.id)161      } else {162        await this.chromeService.activateWindow(result.tab.windowId)163        await this.chromeService.activateTab(result.tab.id)164      }165    } else if (result.history) {166      await this.chromeService.tabsCreate({ active: true, url: result.url })167      this.searchInput.reset()168    }169    // close the popup window.170    window.close()171  }172  async onSelectionChange(event: MatSelectionListChange): Promise<void> {173    await this.onClickItem(event.option.value)174  }...

background.js

Source: background.js

1import "@babel/polyfill";2import chromeService from "./services/chromeService";3import Routes from "./routes";4import messagePassing from "./services/messagePassing";5/**6 * Main extension functionality7 *8 * @class Main9 */10class Main {11  constructor() {12    this.ctxMenuId1 = null;13    this.ctxMenuId2 = null;14    this.ctxMenuId3 = null;15    this.init().catch(e => {16      console.log("Error loading extension", { e });17    });18    // on install listener callback19    this.onInstallListener();20    // set feedback form url21    this.setFeedbackFormUrl();22  }23  init = async () => {24    chromeService.setBadgeOnActionIcon("Loading...");25    await Routes();26    this.initContextMenu();27    this.popUpClickSetup();28    chromeService.setBadgeOnActionIcon("");29  };30  popUpClickSetup = () => {31    chrome.browserAction.onClicked.addListener(async () => {32      const screenshotUrl = await chromeService.takeScreenShot();33      await messagePassing.sendMessageToActiveTab(34        "/show_popup",35        { screenshotUrl },36        () => {}37      );38    });39  };40  /**41   * Context menu option initialization42   *43   * @method44   * @memberof Main45   */46  initContextMenu = () => {47    if (this.ctxMenuId1) return;48    this.ctxMenuId1 = chromeService.createContextMenu({49      title: "Extract Text from this screen",50      contexts: ["all"],51      onclick: this.onContextMenu1Click52    });53    if (this.ctxMenuId2) return;54    this.ctxMenuId2 = chromeService.createContextMenu({55      title: "Extract Text from this image",56      contexts: ["image"],57      onclick: this.onContextMenu2Click58    });59    if (this.ctxMenuId3) return;60    this.ctxMenuId3 = chromeService.createContextMenu({61      title: "upload pdf to extract text from",62      contexts: ["all"],63      onclick: this.onContextMenu3Click64    });65  };66  onContextMenu1Click = async (info, tab) => {67    const screenshotUrl = await chromeService.takeScreenShot();68    await messagePassing.sendMessageToActiveTab(69      "/show_popup",70      { screenshotUrl },71      () => {}72    );73  };74  onContextMenu2Click = (info, tab) => {75    const { srcUrl } = info;76    chromeService.openHelpPage("home", encodeURIComponent(srcUrl));77  };78  onContextMenu3Click = (info, tab) => {79    chromeService.openHelpPage("pdf");80  };81  /**82   *On install extension event83   * */84  onInstallListener = () => {85    chrome.runtime.onInstalled.addListener(details => {86      // details.reason for install method87      chromeService.openHelpPage("welcome");88    });89  };90  /**91   *set feedback form url shown while uninstalling92   * */93  setFeedbackFormUrl = () => {94    chrome.runtime.setUninstallURL("https://forms.gle/fmyBArGndYGxwS5V9");95  };96}97// init main...

sample-test.js

Source: sample-test.js

...20  options.addArguments('--disable-dev-shm-usage')21  options.addArguments('--no-sandbox')22  let driver = await new Builder()23    .forBrowser('chrome')24    .setChromeService(chromeService)25    .setChromeOptions(options)26    .build();27  try {28    await driver.get('http://www.google.com/ncr');29    await driver.findElement(By.name('q')).sendKeys('webdriver', Key.RETURN);30    await driver.wait(until.titleIs('webdriver - Google Search'), 1000);31  } finally {32    await driver.quit();33  }...

Using AI Code Generation

1const { ChromeService } = require('chrominator');2const chromeService = new ChromeService();3(async () => {4    const chrominator = new Chrominator({ chromeService });5    const browser = await chrominator.launch();6    const page = await browser.newPage();7    await page.type('input[name="q"]', 'chrominator');8    await page.click('input[name="btnK"]');9    await page.waitForSelector('h3');10    await page.close();11    await browser.close();12})();

Using AI Code Generation

1var chrominator = require('chrominator');2var chromeService = chrominator.chromeService;3chromeService.startChrome()4  .then(function(){5    chrominator.execute({6    })7    .then(function(){8      chromeService.stopChrome();9    });10  });11var chrominator = require('chrominator');12var chromeService = chrominator.chromeService;13chromeService.startChrome()14  .then(function(){15    chrominator.execute({16    })17    .then(function(){18      chromeService.stopChrome();19    });20  });

Using AI Code Generation

1var chrominator = require('chrominator');2var chromeService = chrominator.chromeService;3var chrome = chromeService.createChrome();4    return chrome.type("input[name='q']", "chrominator");5}).then(function () {6    return chrome.click("input[value='Google Search']");7}).then(function () {8    return chrome.wait(2000);9}).then(function () {10    return chrome.takeScreenshot();11}).then(function (screenshot) {12    console.log("Screenshot: " + screenshot);13}).then(function () {14    return chrome.close();15}).catch(function (error) {16    console.error(error);17});18Contributions are welcome!  Please check out the [Contributing Guide](

Using AI Code Generation

1var chrominator = require('./chrominator.js');2var chromeService = require('./chromeService.js');3var fs = require('fs');4var chrome = new chromeService();5chrome.start();6chrome.wait(5000);7chrome.wait(5000);8chrome.wait(5000);9chrome.stop();10chrominator.wait(5000);11chrominator.wait(5000);12chrominator.wait(5000);13chrominator.stop();

Blogs

Check out the latest blogs from LambdaTest on this topic:

Digital transformation – part 2 – Enterprise vs Startup

Digital transformation - part 2 - Enterprise vs Startup

A Detailed Guide To Xamarin Testing

Xamarin is an open-source framework that offers cross-platform application development using the C# programming language. It helps to simplify your overall development and management of cross-platform software applications.

Introducing LambdaTest Analytics: Test Reporting Made Awesome ????

Collecting and examining data from multiple sources can be a tedious process. The digital world is constantly evolving. To stay competitive in this fast-paced environment, businesses must frequently test their products and services. While it’s easy to collect raw data from multiple sources, it’s far more complex to interpret it properly.

Keeping Quality Transparency Throughout the organization

In general, software testers have a challenging job. Software testing is frequently the final significant activity undertaken prior to actually delivering a product. Since the terms “software” and “late” are nearly synonymous, it is the testers that frequently catch the ire of the whole business as they try to test the software at the end. It is the testers who are under pressure to finish faster and deem the product “release candidate” before they have had enough opportunity to be comfortable. To make matters worse, if bugs are discovered in the product after it has been released, everyone looks to the testers and says, “Why didn’t you spot those bugs?” The testers did not cause the bugs, but they must bear some of the guilt for the bugs that were disclosed.

QA Management – Tips for leading Global teams

The events over the past few years have allowed the world to break the barriers of traditional ways of working. This has led to the emergence of a huge adoption of remote working and companies diversifying their workforce to a global reach. Even prior to this many organizations had already had operations and teams geographically dispersed.

Automation Testing Tutorials

Learn to execute automation testing from scratch with LambdaTest Learning Hub. Right from setting up the prerequisites to run your first automation test, to following best practices and diving deeper into advanced test scenarios. LambdaTest Learning Hubs compile a list of step-by-step guides to help you be proficient with different test automation frameworks i.e. Selenium, Cypress, TestNG etc.