TestMu Conference is Back! Future of Testing + AIRegister for Free

How to use Toast method in argos

Best JavaScript code snippet using argos

toast.spec.js

Source:toast.spec.js

...23        '  </div>',24        '</div>'25      ].join('')26      const toastEl = fixtureEl.querySelector('div')27      const toast = new Toast(toastEl, {28        delay: 129      })30      toastEl.addEventListener('shown.bs.toast', () => {31        expect(toastEl.classList.contains('show')).toEqual(true)32        done()33      })34      toast.show()35    })36    it('should close toast when close element with data-bs-dismiss attribute is set', done => {37      fixtureEl.innerHTML = [38        '<div class="toast" data-bs-delay="1" data-bs-autohide="false" data-bs-animation="false">',39        '  <button type="button" class="ms-2 mb-1 btn-close" data-bs-dismiss="toast" aria-label="Close"></button>',40        '</div>'41      ].join('')42      const toastEl = fixtureEl.querySelector('div')43      const toast = new Toast(toastEl)44      toastEl.addEventListener('shown.bs.toast', () => {45        expect(toastEl.classList.contains('show')).toEqual(true)46        const button = toastEl.querySelector('.btn-close')47        button.click()48      })49      toastEl.addEventListener('hidden.bs.toast', () => {50        expect(toastEl.classList.contains('show')).toEqual(false)51        done()52      })53      toast.show()54    })55  })56  describe('Default', () => {57    it('should expose default setting to allow to override them', () => {58      const defaultDelay = 100059      Toast.Default.delay = defaultDelay60      fixtureEl.innerHTML = [61        '<div class="toast" data-bs-autohide="false" data-bs-animation="false">',62        '  <button type="button" class="ms-2 mb-1 btn-close" data-bs-dismiss="toast" aria-label="Close"></button>',63        '</div>'64      ].join('')65      const toastEl = fixtureEl.querySelector('div')66      const toast = new Toast(toastEl)67      expect(toast._config.delay).toEqual(defaultDelay)68    })69  })70  describe('DefaultType', () => {71    it('should expose default setting types for read', () => {72      expect(Toast.DefaultType).toEqual(jasmine.any(Object))73    })74  })75  describe('show', () => {76    it('should auto hide', done => {77      fixtureEl.innerHTML = [78        '<div class="toast" data-bs-delay="1">',79        '  <div class="toast-body">',80        '    a simple toast',81        '  </div>',82        '</div>'83      ].join('')84      const toastEl = fixtureEl.querySelector('.toast')85      const toast = new Toast(toastEl)86      toastEl.addEventListener('hidden.bs.toast', () => {87        expect(toastEl.classList.contains('show')).toEqual(false)88        done()89      })90      toast.show()91    })92    it('should not add fade class', done => {93      fixtureEl.innerHTML = [94        '<div class="toast" data-bs-delay="1" data-bs-animation="false">',95        '  <div class="toast-body">',96        '    a simple toast',97        '  </div>',98        '</div>'99      ].join('')100      const toastEl = fixtureEl.querySelector('.toast')101      const toast = new Toast(toastEl)102      toastEl.addEventListener('shown.bs.toast', () => {103        expect(toastEl.classList.contains('fade')).toEqual(false)104        done()105      })106      toast.show()107    })108    it('should not trigger shown if show is prevented', done => {109      fixtureEl.innerHTML = [110        '<div class="toast" data-bs-delay="1" data-bs-animation="false">',111        '  <div class="toast-body">',112        '    a simple toast',113        '  </div>',114        '</div>'115      ].join('')116      const toastEl = fixtureEl.querySelector('.toast')117      const toast = new Toast(toastEl)118      const assertDone = () => {119        setTimeout(() => {120          expect(toastEl.classList.contains('show')).toEqual(false)121          done()122        }, 20)123      }124      toastEl.addEventListener('show.bs.toast', event => {125        event.preventDefault()126        assertDone()127      })128      toastEl.addEventListener('shown.bs.toast', () => {129        throw new Error('shown event should not be triggered if show is prevented')130      })131      toast.show()132    })133    it('should clear timeout if toast is shown again before it is hidden', done => {134      fixtureEl.innerHTML = [135        '<div class="toast">',136        '  <div class="toast-body">',137        '    a simple toast',138        '  </div>',139        '</div>'140      ].join('')141      const toastEl = fixtureEl.querySelector('.toast')142      const toast = new Toast(toastEl)143      setTimeout(() => {144        toast._config.autohide = false145        toastEl.addEventListener('shown.bs.toast', () => {146          expect(toast._clearTimeout).toHaveBeenCalled()147          expect(toast._timeout).toBeNull()148          done()149        })150        toast.show()151      }, toast._config.delay / 2)152      spyOn(toast, '_clearTimeout').and.callThrough()153      toast.show()154    })155  })156  describe('hide', () => {157    it('should allow to hide toast manually', done => {158      fixtureEl.innerHTML = [159        '<div class="toast" data-bs-delay="1" data-bs-autohide="false">',160        '  <div class="toast-body">',161        '    a simple toast',162        '  </div>',163        '  </div>'164      ].join('')165      const toastEl = fixtureEl.querySelector('.toast')166      const toast = new Toast(toastEl)167      toastEl.addEventListener('shown.bs.toast', () => {168        toast.hide()169      })170      toastEl.addEventListener('hidden.bs.toast', () => {171        expect(toastEl.classList.contains('show')).toEqual(false)172        done()173      })174      toast.show()175    })176    it('should do nothing when we call hide on a non shown toast', () => {177      fixtureEl.innerHTML = '<div></div>'178      const toastEl = fixtureEl.querySelector('div')179      const toast = new Toast(toastEl)180      spyOn(toastEl.classList, 'contains')181      toast.hide()182      expect(toastEl.classList.contains).toHaveBeenCalled()183    })184    it('should not trigger hidden if hide is prevented', done => {185      fixtureEl.innerHTML = [186        '<div class="toast" data-bs-delay="1" data-bs-animation="false">',187        '  <div class="toast-body">',188        '    a simple toast',189        '  </div>',190        '</div>'191      ].join('')192      const toastEl = fixtureEl.querySelector('.toast')193      const toast = new Toast(toastEl)194      const assertDone = () => {195        setTimeout(() => {196          expect(toastEl.classList.contains('show')).toEqual(true)197          done()198        }, 20)199      }200      toastEl.addEventListener('shown.bs.toast', () => {201        toast.hide()202      })203      toastEl.addEventListener('hide.bs.toast', event => {204        event.preventDefault()205        assertDone()206      })207      toastEl.addEventListener('hidden.bs.toast', () => {208        throw new Error('hidden event should not be triggered if hide is prevented')209      })210      toast.show()211    })212  })213  describe('dispose', () => {214    it('should allow to destroy toast', () => {215      fixtureEl.innerHTML = '<div></div>'216      const toastEl = fixtureEl.querySelector('div')217      const toast = new Toast(toastEl)218      expect(Toast.getInstance(toastEl)).toBeDefined()219      toast.dispose()220      expect(Toast.getInstance(toastEl)).toBeNull()221    })222    it('should allow to destroy toast and hide it before that', done => {223      fixtureEl.innerHTML = [224        '<div class="toast" data-bs-delay="0" data-bs-autohide="false">',225        '  <div class="toast-body">',226        '    a simple toast',227        '  </div>',228        '</div>'229      ].join('')230      const toastEl = fixtureEl.querySelector('div')231      const toast = new Toast(toastEl)232      const expected = () => {233        expect(toastEl.classList.contains('show')).toEqual(true)234        expect(Toast.getInstance(toastEl)).toBeDefined()235        toast.dispose()236        expect(Toast.getInstance(toastEl)).toBeNull()237        expect(toastEl.classList.contains('show')).toEqual(false)238        done()239      }240      toastEl.addEventListener('shown.bs.toast', () => {241        setTimeout(expected, 1)242      })243      toast.show()244    })245  })246  describe('jQueryInterface', () => {247    it('should create a toast', () => {248      fixtureEl.innerHTML = '<div></div>'249      const div = fixtureEl.querySelector('div')250      jQueryMock.fn.toast = Toast.jQueryInterface251      jQueryMock.elements = [div]252      jQueryMock.fn.toast.call(jQueryMock)253      expect(Toast.getInstance(div)).toBeDefined()254    })255    it('should not re create a toast', () => {256      fixtureEl.innerHTML = '<div></div>'257      const div = fixtureEl.querySelector('div')258      const toast = new Toast(div)259      jQueryMock.fn.toast = Toast.jQueryInterface260      jQueryMock.elements = [div]261      jQueryMock.fn.toast.call(jQueryMock)262      expect(Toast.getInstance(div)).toEqual(toast)263    })264    it('should call a toast method', () => {265      fixtureEl.innerHTML = '<div></div>'266      const div = fixtureEl.querySelector('div')267      const toast = new Toast(div)268      spyOn(toast, 'show')269      jQueryMock.fn.toast = Toast.jQueryInterface270      jQueryMock.elements = [div]271      jQueryMock.fn.toast.call(jQueryMock, 'show')272      expect(Toast.getInstance(div)).toEqual(toast)273      expect(toast.show).toHaveBeenCalled()274    })275    it('should throw error on undefined method', () => {276      fixtureEl.innerHTML = '<div></div>'277      const div = fixtureEl.querySelector('div')278      const action = 'undefinedMethod'279      jQueryMock.fn.toast = Toast.jQueryInterface280      jQueryMock.elements = [div]281      try {282        jQueryMock.fn.toast.call(jQueryMock, action)283      } catch (error) {284        expect(error.message).toEqual(`No method named "${action}"`)285      }286    })287  })288  describe('getInstance', () => {289    it('should return a toast instance', () => {290      fixtureEl.innerHTML = '<div></div>'291      const div = fixtureEl.querySelector('div')292      const toast = new Toast(div)293      expect(Toast.getInstance(div)).toEqual(toast)294      expect(Toast.getInstance(div)).toBeInstanceOf(Toast)295    })296    it('should return null when there is no toast instance', () => {297      fixtureEl.innerHTML = '<div></div>'298      const div = fixtureEl.querySelector('div')299      expect(Toast.getInstance(div)).toEqual(null)300    })301  })...

toast.js

Source:toast.js

...29  })30  QUnit.test('should throw explicit error on undefined method', function (assert) {31    assert.expect(1)32    var $el = $('<div/>')33    $el.bootstrapToast()34    try {35      $el.bootstrapToast('noMethod')36    } catch (error) {37      assert.strictEqual(error.message, 'No method named "noMethod"')38    }39  })40  QUnit.test('should return jquery collection containing the element', function (assert) {41    assert.expect(2)42    var $el = $('<div/>')43    var $toast = $el.bootstrapToast()44    assert.ok($toast instanceof $, 'returns jquery collection')45    assert.strictEqual($toast[0], $el[0], 'collection contains element')46  })47  QUnit.test('should auto hide', function (assert) {48    assert.expect(1)49    var done = assert.async()50    var toastHtml =51      '<div class="toast" data-delay="1">' +52        '<div class="toast-body">' +53          'a simple toast' +54        '</div>' +55      '</div>'56    var $toast = $(toastHtml)57      .bootstrapToast()58      .appendTo($('#qunit-fixture'))59    $toast.on('hidden.bs.toast', function () {60      assert.strictEqual($toast.hasClass('show'), false)61      done()62    })63      .bootstrapToast('show')64  })65  QUnit.test('should not add fade class', function (assert) {66    assert.expect(1)67    var done = assert.async()68    var toastHtml =69      '<div class="toast" data-delay="1" data-animation="false">' +70        '<div class="toast-body">' +71          'a simple toast' +72        '</div>' +73      '</div>'74    var $toast = $(toastHtml)75      .bootstrapToast()76      .appendTo($('#qunit-fixture'))77    $toast.on('shown.bs.toast', function () {78      assert.strictEqual($toast.hasClass('fade'), false)79      done()80    })81      .bootstrapToast('show')82  })83  QUnit.test('should allow to hide toast manually', function (assert) {84    assert.expect(1)85    var done = assert.async()86    var toastHtml =87      '<div class="toast" data-delay="1" data-autohide="false">' +88        '<div class="toast-body">' +89          'a simple toast' +90        '</div>' +91      '</div>'92    var $toast = $(toastHtml)93      .bootstrapToast()94      .appendTo($('#qunit-fixture'))95    $toast96      .on('shown.bs.toast', function () {97        $toast.bootstrapToast('hide')98      })99      .on('hidden.bs.toast', function () {100        assert.strictEqual($toast.hasClass('show'), false)101        done()102      })103      .bootstrapToast('show')104  })105  QUnit.test('should do nothing when we call hide on a non shown toast', function (assert) {106    assert.expect(1)107    var $toast = $('<div />')108      .bootstrapToast()109      .appendTo($('#qunit-fixture'))110    var spy = sinon.spy($toast[0].classList, 'contains')111    $toast.bootstrapToast('hide')112    assert.strictEqual(spy.called, true)113  })114  QUnit.test('should allow to destroy toast', function (assert) {115    assert.expect(2)116    var $toast = $('<div />')117      .bootstrapToast()118      .appendTo($('#qunit-fixture'))119    assert.ok(typeof $toast.data('bs.toast') !== 'undefined')120    $toast.bootstrapToast('dispose')121    assert.ok(typeof $toast.data('bs.toast') === 'undefined')122  })123  QUnit.test('should allow to destroy toast and hide it before that', function (assert) {124    assert.expect(4)125    var done = assert.async()126    var toastHtml =127      '<div class="toast" data-delay="0" data-autohide="false">' +128        '<div class="toast-body">' +129          'a simple toast' +130        '</div>' +131      '</div>'132    var $toast = $(toastHtml)133      .bootstrapToast()134      .appendTo($('#qunit-fixture'))135    $toast.one('shown.bs.toast', function () {136      setTimeout(function () {137        assert.ok($toast.hasClass('show'))138        assert.ok(typeof $toast.data('bs.toast') !== 'undefined')139        $toast.bootstrapToast('dispose')140        assert.ok(typeof $toast.data('bs.toast') === 'undefined')141        assert.ok($toast.hasClass('show') === false)142        done()143      }, 1)144    })145      .bootstrapToast('show')146  })147  QUnit.test('should allow to config in js', function (assert) {148    assert.expect(1)149    var done = assert.async()150    var toastHtml =151      '<div class="toast">' +152        '<div class="toast-body">' +153          'a simple toast' +154        '</div>' +155      '</div>'156    var $toast = $(toastHtml)157      .bootstrapToast({158        delay: 1159      })160      .appendTo($('#qunit-fixture'))161    $toast.on('shown.bs.toast', function () {162      assert.strictEqual($toast.hasClass('show'), true)163      done()164    })165      .bootstrapToast('show')166  })167  QUnit.test('should close toast when close element with data-dismiss attribute is set', function (assert) {168    assert.expect(2)169    var done = assert.async()170    var toastHtml =171      '<div class="toast" data-delay="1" data-autohide="false" data-animation="false">' +172        '<button type="button" class="ml-2 mb-1 close" data-dismiss="toast">' +173          'close' +174        '</button>' +175      '</div>'176    var $toast = $(toastHtml)177      .bootstrapToast()178      .appendTo($('#qunit-fixture'))179    $toast180      .on('shown.bs.toast', function () {181        assert.strictEqual($toast.hasClass('show'), true)182        var button = $toast.find('.close')183        button.trigger('click')184      })185      .on('hidden.bs.toast', function () {186        assert.strictEqual($toast.hasClass('show'), false)187        done()188      })189      .bootstrapToast('show')190  })191  QUnit.test('should expose default setting to allow to override them', function (assert) {192    assert.expect(1)193    var defaultDelay = 1000194    Toast.Default.delay = defaultDelay195    var toastHtml =196      '<div class="toast" data-autohide="false" data-animation="false">' +197        '<button type="button" class="ml-2 mb-1 close" data-dismiss="toast">' +198          'close' +199        '</button>' +200      '</div>'201    var $toast = $(toastHtml)202      .bootstrapToast()203    var toast = $toast.data('bs.toast')204    assert.strictEqual(toast._config.delay, defaultDelay)205  })206  QUnit.test('should not trigger shown if show is prevented', function (assert) {207    assert.expect(1)208    var done = assert.async()209    var toastHtml =210      '<div class="toast" data-delay="1" data-autohide="false">' +211        '<div class="toast-body">' +212          'a simple toast' +213        '</div>' +214      '</div>'215    var $toast = $(toastHtml)216      .bootstrapToast()217      .appendTo($('#qunit-fixture'))218    var shownCalled = false219    function assertDone() {220      setTimeout(function () {221        assert.strictEqual(shownCalled, false)222        done()223      }, 20)224    }225    $toast226      .on('show.bs.toast', function (event) {227        event.preventDefault()228        assertDone()229      })230      .on('shown.bs.toast', function () {231        shownCalled = true232      })233      .bootstrapToast('show')234  })235  QUnit.test('should clear timeout if toast is shown again before it is hidden', function (assert) {236    assert.expect(2)237    var done = assert.async()238    var toastHtml =239      '<div class="toast">' +240        '<div class="toast-body">' +241          'a simple toast' +242        '</div>' +243      '</div>'244    var $toast = $(toastHtml)245      .bootstrapToast()246      .appendTo($('#qunit-fixture'))247    var toast = $toast.data('bs.toast')248    var spyClearTimeout = sinon.spy(toast, '_clearTimeout')249    setTimeout(function () {250      toast._config.autohide = false251      $toast.on('shown.bs.toast', function () {252        assert.ok(spyClearTimeout.called)253        assert.ok(toast._timeout === null)254        done()255      })256      $toast.bootstrapToast('show')257    }, toast._config.delay / 2)258    $toast.bootstrapToast('show')259  })260  QUnit.test('should not trigger hidden if hide is prevented', function (assert) {261    assert.expect(1)262    var done = assert.async()263    var toastHtml =264      '<div class="toast" data-delay="1" data-autohide="false">' +265        '<div class="toast-body">' +266          'a simple toast' +267        '</div>' +268      '</div>'269    var $toast = $(toastHtml)270      .bootstrapToast()271      .appendTo($('#qunit-fixture'))272    var hiddenCalled = false273    function assertDone() {274      setTimeout(function () {275        assert.strictEqual(hiddenCalled, false)276        done()277      }, 20)278    }279    $toast280      .on('shown.bs.toast', function () {281        $toast.bootstrapToast('hide')282      })283      .on('hide.bs.toast', function (event) {284        event.preventDefault()285        assertDone()286      })287      .on('hidden.bs.toast', function () {288        hiddenCalled = true289      })290      .bootstrapToast('show')291  })...

Using AI Code Generation

1var argosy = require('argosy');2var argosyPattern = require('argosy-pattern');3var argosyPatternValidator = require('argosy-pattern/validator');4var argosyValidator = require('argosy/validator');5var argosyConsole = require('argosy/console');6var argosyConsole = require('argosy/console');7var argosyService = argosy();8argosyService.use(argosyConsole());9argosyService.use(argosyPatternValidator());10argosyService.use(argosyValidator());11argosyService.use(argosyPattern({12}, function (args, callback) {13    callback(null, "Hello " + args.hello);14}));15argosyService.listen(8000);16var argosy = require('argosy');17var argosyPattern = require('argosy-pattern');18var argosyPatternValidator = require('argosy-pattern/validator');19var argosyValidator = require('argosy/validator');20var argosyConsole = require('argosy/console');21var argosyConsole = require('argosy/console');22var argosyService = argosy();23argosyService.use(argosyConsole());24argosyService.use(argosyPatternValidator());25argosyService.use(argosyValidator());26argosyService.use(argosyPattern({27}, function (args, callback) {28    callback(null, "Hello " + args.hello);29}));30argosyService.listen(8000);31### argosyPattern(pattern, handler)

Using AI Code Generation

1var argosy = require("argosy");2var argosyPatterns = require("argosy-patterns");3var argosyPatternsArgosy = require("argosy-patterns-argosy");4var patterns = argosyPatterns({5});6var argosyInstance = argosy();7var argosyInstance2 = argosy();8argosyInstance.pipe(argosyInstance2).pipe(argosyInstance);9argosyInstance.accept({10    toast: patterns.requestResponse({11    }, function (args, callback) {12        callback(null, {13        });14    })15});16argosyInstance2.request({17    toast: {18    }19}, function (err, response) {20    console.log(response);21});22### argosyPatterns(argosyPatternsArgosy, options)23MIT © [Jason Wilson](

Using AI Code Generation

1var argosy = require('argosy');2var argosyPattern = require('argosy-pattern');3var argosyPatterns = argosyPattern.patterns;4var argosyBus = argosy();5var argosyService = argosyBus.service;6argosyBus.pipe(argosyBus.accept({hello: argosyPatterns.string})).pipe(argosyBus.toast());7argosyService({hello: 'world'}, function (err, result) {8    console.log(result);9});10var argosy = require('argosy');11var argosyPattern = require('argosy-pattern');12var argosyPatterns = argosyPattern.patterns;13var argosyBus = argosy();14var argosyService = argosyBus.service;15argosyBus.pipe(argosyBus.accept({hello: argosyPatterns.string})).pipe(argosyBus.toast());16argosyService({hello: 'world'}, function (err, result) {17    console.log(result);18});19var argosy = require('argosy');20var argosyPattern = require('argosy-pattern');21var argosyPatterns = argosyPattern.patterns;22var argosyBus = argosy();23var argosyService = argosyBus.service;24argosyBus.pipe(argosyBus.accept({hello: argosyPatterns.string})).pipe(argosyBus.toast());25argosyService({hello: 'world'}, function (err, result) {26    console.log(result);27});28var argosy = require('argosy');29var argosyPattern = require('argosy-pattern');30var argosyPatterns = argosyPattern.patterns;31var argosyBus = argosy();32var argosyService = argosyBus.service;33argosyBus.pipe(argosyBus.accept({hello: argosyPatterns.string})).pipe(argosyBus.toast());34argosyService({hello

Using AI Code Generation

1var argosy = require('argosy');2var _ = require('underscore');3var argosyPatterns = require('argosy-patterns');4var patterns = argosyPatterns.patterns;5var argosyHttp = require('argosy-http');6var argosyService = require('argosy-service');7var argosyServiceRegistry = require('argosy-service-registry');8var registry = argosyServiceRegistry();9var argosy = require('argosy')({ registry: registry })10    .use(argosyService())11    .use(argosyPatterns())12    .use(argosyHttp({ port: 3000 }));

Using AI Code Generation

1var Toast = require('argosy/toast');2Toast('Hello World');3var Toast = require('argosy/toast');4Toast({5});6var Toast = require('argosy/toast');7Toast({8});9var Toast = require('argosy/toast');10var toast = Toast({11});12toast.show();13toast.hide();14| show() | Shows the toast. |15| hide() | Hides the toast

Using AI Code Generation

1import { Toast } from 'argos-sdk';2Toast.show({3});4Toast.hide();5Toast.show({6    onHide: () => {7        console.log('Toast was hidden');8    }9});10Toast.show({11    onHide: () => {12        console.log('Toast was hidden');13    }14});15Toast.show({16    onHide: () => {17        console.log('Toast was hidden');18    }19});20Toast.show({21    onHide: () => {22        console.log('Toast was hidden');23    }24});25Toast.show({26    onHide: () => {27        console.log('Toast was hidden');28    }29});30Toast.show({31    onHide: () => {32        console.log('Toast was hidden');33    }34});35Toast.show({36    onHide: () => {37        console.log('Toast was hidden');38    }39});40Toast.show({41    onHide: () => {42        console.log('Toast was hidden');43    }44});45Toast.show({46    onHide: () => {47        console.log('Toast was hidden');48    }49});50Toast.show({51    onHide: () => {52        console.log('Toast was hidden');53    }54});55Toast.show({56    onHide: () => {57        console.log('Toast was hidden');58    }59});

Using AI Code Generation

1var Toast = require('argos-sdk/src/Toast');2Toast.show('Hello World!');3var Toast = require('argos-sdk/src/Toast');4Toast.show('Hello World!', {duration: 5000});5var Toast = require('argos-sdk/src/Toast');6Toast.show('Hello World!', {duration: 5000, type: 'error'});7var Toast = require('argos-sdk/src/Toast');8Toast.show('Hello World!', {duration: 5000, type: 'warning'});9var Toast = require('argos-sdk/src/Toast');10Toast.show('Hello World!', {duration: 5000, type: 'success'});11var Toast = require('argos-sdk/src/Toast');12Toast.show('Hello World!', {duration: 5000, type: 'info'});13var Toast = require('argos-sdk/src/Toast');14Toast.show('Hello World!', {duration: 5000, type: 'alert'});

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.