How to use setQueryParams method in storybook-root

Best JavaScript code snippet using storybook-root

platform.spec.ts

Source:platform.spec.ts

...174    });175  });176  it('should set core as the fallback', () => {177    plt.setDefault('core');178    plt.setQueryParams('');179    plt.setUserAgent('idk');180    plt.init();181    expect(plt.is('android')).toEqual(false);182    expect(plt.is('ios')).toEqual(false);183    expect(plt.is('core')).toEqual(true);184  });185  it('should set windows via querystring', () => {186    plt.setQueryParams('/?ionicplatform=windows');187    plt.init();188    expect(plt.is('core')).toEqual(false);189    expect(plt.is('mobile')).toEqual(true);190    expect(plt.is('android')).toEqual(false);191    expect(plt.is('windows')).toEqual(true);192    expect(plt.is('ios')).toEqual(false);193  });194  it('should set ios via querystring', () => {195    plt.setQueryParams('/?ionicplatform=ios');196    plt.init();197    expect(plt.is('core')).toEqual(false);198    expect(plt.is('mobile')).toEqual(true);199    expect(plt.is('android')).toEqual(false);200    expect(plt.is('windows')).toEqual(false);201    expect(plt.is('ios')).toEqual(true);202  });203  it('should set windows via querystring, even with android user agent', () => {204    plt.setQueryParams('/?ionicplatform=windows');205    plt.setUserAgent(ANDROID_UA);206    plt.init();207    expect(plt.is('core')).toEqual(false);208    expect(plt.is('android')).toEqual(false);209    expect(plt.is('windows')).toEqual(true);210    expect(plt.is('ios')).toEqual(false);211  });212  it('should set ios via querystring, even with android user agent', () => {213    plt.setQueryParams('/?ionicplatform=ios');214    plt.setUserAgent(ANDROID_UA);215    plt.init();216    expect(plt.is('core')).toEqual(false);217    expect(plt.is('android')).toEqual(false);218    expect(plt.is('windows')).toEqual(false);219    expect(plt.is('ios')).toEqual(true);220  });221  it('should set android via querystring', () => {222    plt.setQueryParams('/?ionicplatform=android');223    plt.init();224    expect(plt.is('core')).toEqual(false);225    expect(plt.is('android')).toEqual(true);226    expect(plt.is('windows')).toEqual(false);227    expect(plt.is('ios')).toEqual(false);228  });229  it('should set android via querystring, even with ios user agent', () => {230    plt.setQueryParams('/?ionicplatform=android');231    plt.setUserAgent(IPHONE_UA);232    plt.init();233    expect(plt.is('core')).toEqual(false);234    expect(plt.is('android')).toEqual(true);235    expect(plt.is('windows')).toEqual(false);236    expect(plt.is('ios')).toEqual(false);237  });238  it('should set windows platform via user agent', () => {239    plt.setQueryParams('');240    plt.setUserAgent(WINDOWS_PHONE_UA);241    plt.init();242    expect(plt.is('core')).toEqual(false);243    expect(plt.is('mobile')).toEqual(true);244    expect(plt.is('windows')).toEqual(true);245    expect(plt.is('android')).toEqual(false);246    expect(plt.is('ios')).toEqual(false);247  });248  it('should set windows platform via windows8 mobile user agent', () => {249    plt.setQueryParams('');250    plt.setUserAgent(WINDOWS8_PHONE_UA);251    plt.init();252    expect(plt.is('core')).toEqual(false);253    expect(plt.is('mobile')).toEqual(true);254    expect(plt.is('windows')).toEqual(true);255    expect(plt.is('android')).toEqual(false);256    expect(plt.is('ios')).toEqual(false);257  });258  it('should set windows platform via windows7 mobile user agent', () => {259    plt.setQueryParams('');260    plt.setUserAgent(WINDOWS7_PHONE_UA);261    plt.init();262    expect(plt.is('core')).toEqual(false);263    expect(plt.is('mobile')).toEqual(true);264    expect(plt.is('windows')).toEqual(true);265    expect(plt.is('android')).toEqual(false);266    expect(plt.is('ios')).toEqual(false);267  });268  it('should set android via user agent', () => {269    plt.setQueryParams('');270    plt.setUserAgent(ANDROID_UA);271    plt.init();272    expect(plt.is('core')).toEqual(false);273    expect(plt.is('mobile')).toEqual(true);274    expect(plt.is('windows')).toEqual(false);275    expect(plt.is('android')).toEqual(true);276    expect(plt.is('ios')).toEqual(false);277    plt.setQueryParams('');278    plt.setUserAgent(ANDROID_7_1_1_UA);279    plt.init();280    expect(plt.is('core')).toEqual(false);281    expect(plt.is('mobile')).toEqual(true);282    expect(plt.is('windows')).toEqual(false);283    expect(plt.is('android')).toEqual(true);284    expect(plt.is('ios')).toEqual(false);285  });286  it('should set iphone via user agent', () => {287    plt.setQueryParams('');288    plt.setUserAgent(IPHONE_UA);289    plt.init();290    expect(plt.is('core')).toEqual(false);291    expect(plt.is('mobile')).toEqual(true);292    expect(plt.is('windows')).toEqual(false);293    expect(plt.is('android')).toEqual(false);294    expect(plt.is('ios')).toEqual(true);295    expect(plt.is('iphone')).toEqual(true);296    expect(plt.is('ipad')).toEqual(false);297    expect(plt.is('tablet')).toEqual(false);298    plt.setQueryParams('');299    plt.setUserAgent(IPHONE_10_2_UA);300    plt.init();301    expect(plt.is('core')).toEqual(false);302    expect(plt.is('mobile')).toEqual(true);303    expect(plt.is('windows')).toEqual(false);304    expect(plt.is('android')).toEqual(false);305    expect(plt.is('ios')).toEqual(true);306    expect(plt.is('iphone')).toEqual(true);307    expect(plt.is('ipad')).toEqual(false);308    expect(plt.is('tablet')).toEqual(false);309  });310  it('should set ipad via user agent', () => {311    plt.setQueryParams('');312    plt.setUserAgent(IPAD_UA);313    plt.init();314    expect(plt.is('core')).toEqual(false);315    expect(plt.is('mobile')).toEqual(true);316    expect(plt.is('windows')).toEqual(false);317    expect(plt.is('android')).toEqual(false);318    expect(plt.is('ios')).toEqual(true);319    expect(plt.is('ipad')).toEqual(true);320    expect(plt.is('iphone')).toEqual(false);321    expect(plt.is('tablet')).toEqual(true);322    plt.setQueryParams('');323    plt.setUserAgent(IPAD_10_2_UA);324    plt.init();325    expect(plt.is('core')).toEqual(false);326    expect(plt.is('mobile')).toEqual(true);327    expect(plt.is('windows')).toEqual(false);328    expect(plt.is('android')).toEqual(false);329    expect(plt.is('ios')).toEqual(true);330    expect(plt.is('ipad')).toEqual(true);331    expect(plt.is('iphone')).toEqual(false);332    expect(plt.is('tablet')).toEqual(true);333  });334  // for https://forums.developer.apple.com/thread/25948335  it('should set ipad when user agent is iphone but navigator.platform is iPad', () => {336    plt.setQueryParams('');337    plt.setUserAgent(IPHONE_UA);338    plt.setNavigatorPlatform('iPad');339    plt.init();340    expect(plt.is('core')).toEqual(false);341    expect(plt.is('mobile')).toEqual(true);342    expect(plt.is('windows')).toEqual(false);343    expect(plt.is('android')).toEqual(false);344    expect(plt.is('ios')).toEqual(true);345    expect(plt.is('ipad')).toEqual(true);346    expect(plt.is('iphone')).toEqual(false);347    expect(plt.is('tablet')).toEqual(true);348    plt.setQueryParams('');349    plt.setUserAgent(IPHONE_10_2_UA);350    plt.setNavigatorPlatform('iPad');351    plt.init();352    expect(plt.is('core')).toEqual(false);353    expect(plt.is('mobile')).toEqual(true);354    expect(plt.is('windows')).toEqual(false);355    expect(plt.is('android')).toEqual(false);356    expect(plt.is('ios')).toEqual(true);357    expect(plt.is('ipad')).toEqual(true);358    expect(plt.is('iphone')).toEqual(false);359    expect(plt.is('tablet')).toEqual(true);360  });361  it('should set electron via user agent', () => {362    plt.setQueryParams('');363    plt.setDefault('core');364    plt.setUserAgent(OSX_10_ELECTRON_1_4_15_UA);365    plt.init();366    expect(plt.is('core')).toEqual(true);367    expect(plt.is('mobile')).toEqual(false);368    expect(plt.is('windows')).toEqual(false);369    expect(plt.is('android')).toEqual(false);370    expect(plt.is('ios')).toEqual(false);371    expect(plt.is('ipad')).toEqual(false);372    expect(plt.is('tablet')).toEqual(false);373    expect(plt.is('electron')).toEqual(true);374  });375  it('should set core platform for osx desktop firefox', () => {376    plt.setQueryParams('');377    plt.setDefault('core');378    plt.setUserAgent(OSX_10_FIREFOX_43_UA);379    plt.init();380    expect(plt.is('core')).toEqual(true);381    expect(plt.is('mobile')).toEqual(false);382    expect(plt.is('windows')).toEqual(false);383    expect(plt.is('android')).toEqual(false);384    expect(plt.is('ios')).toEqual(false);385    expect(plt.is('ipad')).toEqual(false);386    expect(plt.is('tablet')).toEqual(false);387  });388  it('should set core platform for osx desktop safari', () => {389    plt.setQueryParams('');390    plt.setDefault('core');391    plt.setUserAgent(OSX_10_SAFARI_9_UA);392    plt.init();393    expect(plt.is('core')).toEqual(true);394    expect(plt.is('mobile')).toEqual(false);395    expect(plt.is('windows')).toEqual(false);396    expect(plt.is('android')).toEqual(false);397    expect(plt.is('ios')).toEqual(false);398    expect(plt.is('ipad')).toEqual(false);399    expect(plt.is('tablet')).toEqual(false);400  });401  it('should set core platform for osx desktop chrome', () => {402    plt.setQueryParams('');403    plt.setDefault('core');404    plt.setUserAgent(OSX_10_CHROME_49_UA);405    plt.init();406    expect(plt.is('core')).toEqual(true);407    expect(plt.is('mobile')).toEqual(false);408    expect(plt.is('windows')).toEqual(false);409    expect(plt.is('android')).toEqual(false);410    expect(plt.is('ios')).toEqual(false);411    expect(plt.is('ipad')).toEqual(false);412    expect(plt.is('tablet')).toEqual(false);413  });414  it('should set core platform for windows desktop chrome', () => {415    plt.setQueryParams('');416    plt.setDefault('core');417    plt.setUserAgent(WINDOWS_10_CHROME_40_UA);418    plt.init();419    expect(plt.is('core')).toEqual(true);420    expect(plt.is('mobile')).toEqual(false);421    expect(plt.is('windows')).toEqual(false);422    expect(plt.is('android')).toEqual(false);423    expect(plt.is('ios')).toEqual(false);424    expect(plt.is('ipad')).toEqual(false);425    expect(plt.is('tablet')).toEqual(false);426  });427  it('should set core platform for windows desktop edge', () => {428    plt.setQueryParams('');429    plt.setDefault('core');430    plt.setUserAgent(WINDOWS_10_EDGE_12_UA);431    plt.init();432    expect(plt.is('core')).toEqual(true);433    expect(plt.is('mobile')).toEqual(false);434    expect(plt.is('windows')).toEqual(false);435    expect(plt.is('android')).toEqual(false);436    expect(plt.is('ios')).toEqual(false);437    expect(plt.is('ipad')).toEqual(false);438    expect(plt.is('tablet')).toEqual(false);439  });440  it('should set core platform for windows desktop IE', () => {441    plt.setQueryParams('');442    plt.setDefault('core');443    plt.setUserAgent(WINDOWS_8_IE_11_UA);444    plt.init();445    expect(plt.is('core')).toEqual(true);446    expect(plt.is('mobile')).toEqual(false);447    expect(plt.is('windows')).toEqual(false);448    expect(plt.is('android')).toEqual(false);449    expect(plt.is('ios')).toEqual(false);450    expect(plt.is('ipad')).toEqual(false);451    expect(plt.is('tablet')).toEqual(false);452  });453  let plt: Platform;454  beforeEach(() => {455    plt = new Platform();...

App.js

Source:App.js

1import React, { useState } from "react";2import { ChartCircular } from "./chartCircular";3import { ChartParallel } from "./chartParallel";4import { ChartHier } from "./chartHier";5import { Options } from "./options"6import {VisParams} from "./visparams"7import {Legend} from "./legend"8import { Container, Row, Col } from 'react-bootstrap'9import { ChartHierSingleHue } from "./chartHierSingleHue";10import { ChartClust } from "./chartClust";11import { ChartParallelClust } from "./chartParallelClust";12import { QueryTable } from "./queryTable";13// <Chart width={600} height={600} request_params={{tag_val:"jazz", tag_name:"genres"}}/>14export default () => {15  const [requestParams, setRequestParams] = useState({tag_val:["jazz"], tag_name:"genres",chartType:"Circular",focus:1,support:1,beta:1,optType:null,cPath:false,majMinSel:false,fi_type:"frequent"})16  const [queryParams, setQueryParams] = useState({"chordSel":[]})17  const handleFilter = (e) => {18    if (e.target.checked == true) {19      requestParams.tag_val.push(e.target.value)20      setRequestParams({...requestParams,"tag_name":"genres","tag_val":requestParams.tag_val})21    }22    else {23      requestParams.tag_val = requestParams.tag_val.filter(x=> x!=e.target.value)24      setRequestParams({...requestParams,"tag_name":"genres","tag_val":requestParams.tag_val})25    }26  }27  const handleChartType = (e) => {28    setRequestParams({...requestParams,chartType:e})29  }30  const handleOptType = (e) => {31    if (e == "AVSDF (w/ Local Adjusting)") {32      setRequestParams({...requestParams,optType:"avsdf_la"})33    }34    if (e == "AVSDF") {35      setRequestParams({...requestParams,optType:"avsdf"})36    }37    if (e == "Baur Brandes") {38      setRequestParams({...requestParams,optType:"bb"})39    }40    if (e == "Baur Brandes (w/ Local Adjusting)") {41      setRequestParams({...requestParams,optType:"bb_la"})42    }43    if (e == "Root Node Order") {44      setRequestParams({...requestParams,optType:null})45    }46    if (e == "Order by Support") {47      setRequestParams({...requestParams,optType:"sorder"})48    }49  }50 51  let chart = ""52  if (requestParams.chartType === "Circular") {53    chart =  <ChartCircular id={1} width={800} height={800} request_params={requestParams} queryParams={queryParams} setQueryParams={setQueryParams}/>54  }55  else if (requestParams.chartType === "Parallel")  {56      chart = <ChartParallel id={1} width={800} height={800} request_params={requestParams} queryParams={queryParams} setQueryParams={setQueryParams}/>57  }58  else if (requestParams.chartType === "Circular Hierarchical") {59    chart = <ChartHier id={1} width={800} height={800} request_params={requestParams} queryParams={queryParams} setQueryParams={setQueryParams}/>60  }61  else if (requestParams.chartType === "Circular Hierarchical - Single Hue") {62    chart = <ChartHierSingleHue id={1} width={800} height={800} request_params={requestParams} queryParams={queryParams} setQueryParams={setQueryParams}/>63  }64  else if (requestParams.chartType === "Circular Clustered") {65    chart = <ChartClust id={1} width={800} height={800} request_params={requestParams} queryParams={queryParams} setQueryParams={setQueryParams}/>66  }67  else if (requestParams.chartType === "Parallel Clustered") {68    chart = <ChartParallelClust id={1} width={800} height={800} request_params={requestParams} queryParams={queryParams} setQueryParams={setQueryParams}/>69  }70  else if (requestParams.chartType === "Parallel Sequence") {71    chart = <ChartParallelSeq id={1} width={800} height={800} request_params={requestParams} queryParams={queryParams} setQueryParams={setQueryParams}/>72  }73  let legend = ""74  if (requestParams.tag_val.length > 0 || requestParams.chartType == "Circular Hierarchical - Single Hue") {75    legend = <Legend requestParams={requestParams}/>76  }77  return (<>78    <Container fluid style={{ paddingLeft: 0, paddingRight: 0 }}>79      <Row>80        <Col>81          <Options requestParams={requestParams} setRequestParams={setRequestParams} handleFilter={handleFilter} handleChartType={handleChartType}/>82        </Col>83      </Row>84      <Row>85      <Col sm={2}>86          <VisParams requestParams={requestParams} setRequestParams={setRequestParams} handleOptType={handleOptType}/>87        </Col>88        <Col>89            {chart}90        </Col>91        <Col sm={2}>92          {legend}93        </Col>94      </Row>95      <Row>96        <QueryTable queryParams={queryParams} requestParams={JSON.parse(JSON.stringify(requestParams))}/>97      </Row>98    </Container>99  </>)...

Filter.jsx

Source:Filter.jsx

...32        setQueryParams={setQueryParams}33        searchParams={searchParams}34        onChange={(value) => {35          dispatch(actionsPage.setPage(1));36          setQueryParams({ _page: 1, authorId: value.id });37        }}38      />39      <Select40        options={updateLocations}41        title={currentLocation?.location || currentLocation?.name}42        defaultTitle="Location"43        setQueryParams={setQueryParams}44        searchParams={searchParams}45        onChange={(value) => {46          dispatch(actionsPage.setPage(1));47          setQueryParams({ _page: 1, locationId: value.id });48        }}49      />50      <Range setQueryParams={setQueryParams} searchParams={searchParams} />51    </div>52  );53};...

Using AI Code Generation

1import { setQueryParams } from 'storybook-addon-queryparams';2setQueryParams({ foo: 'bar' });3import { getQueryParams } from 'storybook-addon-queryparams';4getQueryParams();5import { clearQueryParams } from 'storybook-addon-queryparams';6clearQueryParams();7import { setQueryParams } from 'storybook-addon-queryparams';8setQueryParams({ foo: 'bar' });9import { getQueryParams } from 'storybook-addon-queryparams';10getQueryParams();11import { clearQueryParams } from 'storybook-addon-queryparams';12clearQueryParams();13MIT © [Mohanraj](

Using AI Code Generation

1import { setQueryParams } from 'storybook-root'2import { getQueryParams } from 'storybook-root'3import { setQueryParams } from 'storybook-root'4import { getQueryParams } from 'storybook-root'5import { setQueryParams } from 'storybook-root'6import { getQueryParams } from 'storybook-root'7import { setQueryParams } from 'storybook-root'8import { getQueryParams } from 'storybook-root'9import { setQueryParams } from 'storybook-root'10import { getQueryParams } from 'storybook-root'11import { setQueryParams } from 'storybook-root'12import { getQueryParams } from 'storybook-root'13import { setQueryParams } from 'storybook-root'14import { getQueryParams } from 'storybook-root'15import { setQueryParams } from 'storybook-root'16import { getQueryParams } from 'storybook-root'17import { setQueryParams } from 'storybook-root'18import { getQueryParams } from 'storybook-root'19import { setQueryParams } from 'storybook-root'20import { getQueryParams } from 'storybook-root'21import { setQueryParams } from 'storybook-root'

Using AI Code Generation

1import { setQueryParams } from 'storybook-root';2import { setQueryParams } from 'storybook-root';3import { setQueryParams } from 'storybook-root';4import { setQueryParams } from 'storybook-root';5import { setQueryParams } from 'storybook-root';6import { setQueryParams } from 'storybook-root';7import { setQueryParams } from 'storybook-root';8import { setQueryParams } from 'storybook-root';9import { setQueryParams } from 'storybook-root';10import { setQueryParams } from 'storybook-root';11import { setQueryParams } from 'storybook-root';12import { setQueryParams } from 'storybook-root';13import { setQueryParams } from 'storybook-root';14import { setQueryParams } from 'storybook-root';15import { setQueryParams } from 'storybook-root';16import { setQueryParams } from 'storybook-root';17import { setQueryParams } from 'storybook-root';18import { setQueryParams } from 'storybook-root';19import { setQueryParams } from 'storybook-root';

Using AI Code Generation

1import { setQueryParams } from 'storybook-addon-queryparams';2setQueryParams({ foo: 'bar' });3import { withQueryParams } from 'storybook-addon-queryparams';4export const decorators = [withQueryParams];5import { addons } from '@storybook/addons';6import { withQueryParams } from 'storybook-addon-queryparams';7addons.setConfig({8  sidebar: {9  },10  panel: {11  },12  sidebar: {13  },14  panel: {15  },16  previewTabs: {17    'storybook/docs/panel': {18    },19  },20  toolbar: {21    title: {22    },23    zoom: {24    },25    eject: {26    },27    copy: {28    },29    fullscreen: {30    },31    docs: {32    },33  },34  queryParams: {35    defaultValue: { foo:

Using AI Code Generation

1import { useQueryParams } from 'storybook-root';2const Story = () => {3  const { theme } = useQueryParams();4  return <div>theme is {theme}</div>;5};6export const Default = () => <Story />;7import { useQueryParams } from 'storybook-root';8const Story = () => {9  const { theme } = useQueryParams();10  return <div>theme is {theme}</div>;11};12export const Default = () => <Story />;13import { useQueryParams } from 'storybook-root';14const Story = () => {15  const { theme } = useQueryParams();16  return <div>theme is {theme}</div>;17};18export const Default = () => <Story />;19import { useQueryParams } from 'storybook-root';20const Story = () => {21  const { theme } = useQueryParams();22  return <div>theme is {theme}</div>;23};24export const Default = () => <Story />;25import { useQueryParams } from 'storybook-root';26const Story = () => {27  const { theme } = useQueryParams();28  return <div>theme is {theme}</div>;29};30export const Default = () => <Story />;31import { useQueryParams } from 'storybook-root';32const Story = () => {33  const { theme } = useQueryParams();34  return <div>theme is {theme}</div>;35};36export const Default = () => <Story />;37import { useQueryParams } from 'storybook-root';38const Story = () => {39  const { theme } = useQueryParams();40  return <div>theme is {theme}</div>;41};42export const Default = () => <Story />;43import { useQueryParams } from 'storybook-root';44const Story = () => {45  const { theme } = useQueryParams();46  return <div>theme is {theme}</div>;47};48export const Default = () => <Story />;

Using AI Code Generation

1import { setQueryParams } from 'storybook-root';2export const load = () => {3  setQueryParams({ myParam: 'myValue' });4};5import { load } from './test.js';6load();

Using AI Code Generation

1import { setQueryParams } from 'storybook-addon-queryparams';2const queryParams = {3};4setQueryParams(queryParams);5const queryParams = getQueryParams();6clearQueryParams();7setQueryParam('foo', 'bar');8const foo = getQueryParam('foo');9clearQueryParam('foo');10clearQueryParams();11const queryString = getQueryString();12setQueryString('?foo=bar&baz=qux');13clearQueryString();14const queryParams = getQueryParams();15setQueryParams({ foo: 'bar', baz: 'qux' });16clearQueryParams();17const queryString = getQueryString();18setQueryString('?foo=bar&baz=qux');19clearQueryString();20const queryParams = getQueryParams();21setQueryParams({ foo: 'bar', baz: 'qux' });22clearQueryParams();23const queryString = getQueryString();24setQueryString('?foo=bar&baz=qux');25clearQueryString();26const queryParams = getQueryParams();27setQueryParams({ foo: 'bar', baz: 'qux' });28clearQueryParams();29const queryString = getQueryString();30setQueryString('?foo=bar&baz=qux');31clearQueryString();32const queryParams = getQueryParams();33setQueryParams({ foo: 'bar', baz: 'qux' });34clearQueryParams();

Using AI Code Generation

1import { setQueryParams } from 'storybook-addon-queryparams';2import { withQuery } from 'storybook-addon-queryparams';3const query = {4};5setQueryParams(query);6export default {7};8export const MyButton = () => <Button>Click me</Button>;9import { getQueryParams } from 'storybook-addon-queryparams';10import { withQuery } from 'storybook-addon-queryparams';11const query = getQueryParams();12export default {13};14export const MyButton = () => <Button>Click me</Button>;15import { getQueryParams } from 'storybook-addon-queryparams';16import { withQuery } from 'storybook-addon-queryparams';17const query = getQueryParams();18export default {19};20export const MyButton = () => <Button>Click me</Button>;21import { getQueryParams } from 'storybook-addon-queryparams';22import { withQuery } from 'storybook-addon-queryparams';23const query = getQueryParams();24export default {25};26export const MyButton = () => <Button>Click me</Button>;

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.