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

How to use makeSelector method in Testcafe

Best JavaScript code snippet using testcafe

connected-droppable.spec.js

Source:connected-droppable.spec.js

...126    describe('dropping is disabled', () => {127      const phases: Phase[] = ['IDLE', 'COLLECTING_DIMENSIONS', 'DRAGGING', 'DROP_ANIMATING', 'DROP_COMPLETE'];128      it('should always return the default props', () => {129        phases.forEach((phase: Phase) => {130          const props: MapProps = execute(makeSelector())({131            phase,132            drag: null,133            pending: null,134            id: droppableId,135            isDropDisabled: true,136          });137          expect(props).to.deep.equal(defaultMapProps);138        });139      });140      it('should not break memoization on multiple calls', () => {141        phases.forEach((phase: Phase) => {142          const selector = makeSelector();143          const first: MapProps = execute(selector)({144            phase,145            drag: null,146            pending: null,147            id: droppableId,148          });149          const second: MapProps = execute(selector)({150            phase,151            drag: null,152            pending: null,153            id: droppableId,154          });155        // checking object equality156          expect(first).to.equal(second);157        });158      });159    });160    describe('while dragging', () => {161      it('should log an error an return the default props if no drag is available', () => {162        const props: MapProps = execute(makeSelector())({163          phase: 'DRAGGING',164          drag: null,165          pending: null,166          id: droppableId,167        });168        expect(props).to.deep.equal(defaultMapProps);169        expect(console.error.called).to.equal(true);170      });171      describe('dragging over', () => {172        it('should return that it is dragging over', () => {173          const expected: MapProps = {174            isDraggingOver: true,175          };176          const props: MapProps = execute(makeSelector())({177            phase: 'DRAGGING',178            drag: perform.drag({ isDraggingOver: true }),179            pending: null,180            id: droppableId,181          });182          expect(props).to.deep.equal(expected);183        });184        it('should not break memoization on multiple drags', () => {185          const selector = makeSelector();186          const expected: MapProps = {187            isDraggingOver: true,188          };189          const props1: MapProps = execute(selector)({190            phase: 'DRAGGING',191            drag: perform.drag({ isDraggingOver: true }),192            pending: null,193            id: droppableId,194          });195          const props2: MapProps = execute(selector)({196            phase: 'DRAGGING',197            drag: perform.drag({ isDraggingOver: true }),198            pending: null,199            id: droppableId,200          });201        // checking object equality202          expect(props1).to.equal(props2);203          expect(props1).to.deep.equal(expected);204          expect(props2).to.deep.equal(expected);205        });206      });207      describe('not dragging over', () => {208        it('should return that it is not dragging over', () => {209          const expected: MapProps = {210            isDraggingOver: false,211          };212          const props: MapProps = execute(makeSelector())({213            phase: 'DRAGGING',214            drag: perform.drag({ isDraggingOver: false }),215            pending: null,216            id: droppableId,217          });218          expect(props).to.deep.equal(expected);219        });220        it('should not break memoization on multiple drags', () => {221          const selector = makeSelector();222          const expected: MapProps = {223            isDraggingOver: false,224          };225          const props1: MapProps = execute(selector)({226            phase: 'DRAGGING',227            drag: perform.drag({ isDraggingOver: false }),228            pending: null,229            id: droppableId,230          });231          const props2: MapProps = execute(selector)({232            phase: 'DRAGGING',233            drag: perform.drag({ isDraggingOver: false }),234            pending: null,235            id: droppableId,236          });237        // checking object equality238          expect(props1).to.equal(props2);239          expect(props1).to.deep.equal(expected);240          expect(props2).to.deep.equal(expected);241        });242      });243    });244    describe('while drop animating', () => {245      it('should log an error an return the default props if no pending drop is available', () => {246        const props: MapProps = execute(makeSelector())({247          phase: 'DROP_ANIMATING',248          drag: null,249          pending: null,250          id: droppableId,251        });252        expect(props).to.deep.equal(defaultMapProps);253        expect(console.error.called).to.equal(true);254      });255      describe('dragging over', () => {256        it('should return that it is dragging over', () => {257          const expected: MapProps = {258            isDraggingOver: true,259          };260          const props: MapProps = execute(makeSelector())({261            phase: 'DROP_ANIMATING',262            drag: null,263            pending: perform.drop({ isDraggingOver: true }),264            id: droppableId,265          });266          expect(props).to.deep.equal(expected);267        });268        it('should not break memoization from a previous DRAGGING phase', () => {269          const selector = makeSelector();270          const expected: MapProps = {271            isDraggingOver: true,272          };273          const dragging: MapProps = execute(selector)({274            phase: 'DRAGGING',275            drag: perform.drag({ isDraggingOver: true }),276            pending: null,277            id: droppableId,278          });279          const dropAnimating: MapProps = execute(selector)({280            phase: 'DROP_ANIMATING',281            drag: null,282            pending: perform.drop({ isDraggingOver: true }),283            id: droppableId,284          });285          expect(dragging).to.deep.equal(expected);286          expect(dropAnimating).to.deep.equal(expected);287        // checking object equality288          expect(dragging).to.equal(dropAnimating);289        });290      });291      describe('not dragging over', () => {292        it('should return that it is not dragging over', () => {293          const expected: MapProps = {294            isDraggingOver: false,295          };296          const props: MapProps = execute(makeSelector())({297            phase: 'DROP_ANIMATING',298            drag: null,299            pending: perform.drop({ isDraggingOver: false }),300            id: droppableId,301          });302          expect(props).to.deep.equal(expected);303        });304        it('should not break memoization from a previous DRAGGING phase', () => {305          const selector = makeSelector();306          const expected: MapProps = {307            isDraggingOver: false,308          };309          const dragging: MapProps = execute(selector)({310            phase: 'DRAGGING',311            drag: perform.drag({ isDraggingOver: false }),312            pending: null,313            id: droppableId,314          });315          const dropAnimating: MapProps = execute(selector)({316            phase: 'DROP_ANIMATING',317            drag: null,318            pending: perform.drop({ isDraggingOver: false }),319            id: droppableId,320          });321          expect(dragging).to.deep.equal(expected);322          expect(dropAnimating).to.deep.equal(expected);323        // checking object equality324          expect(dragging).to.equal(dropAnimating);325        });326      });327    });328    describe('other phases', () => {329      const other: Phase[] = ['IDLE', 'COLLECTING_DIMENSIONS', 'DROP_COMPLETE'];330      it('should return the default props', () => {331        const selector = makeSelector();332        other.forEach((phase: Phase): void => {333          const props: MapProps = execute(selector)({334            phase,335            drag: null,336            pending: null,337            id: droppableId,338          });339          expect(props).to.deep.equal(defaultMapProps);340        });341      });342      it('should not break memoization on multiple calls', () => {343        const selector = makeSelector();344        other.forEach((phase: Phase): void => {345          const first: MapProps = execute(selector)({346            phase,347            drag: null,348            pending: null,349            id: droppableId,350          });351          const second: MapProps = execute(selector)({352            phase,353            drag: null,354            pending: null,355            id: droppableId,356          });357          expect(first).to.deep.equal(defaultMapProps);...

MultiSelector.js

Source:MultiSelector.js

...45                surname: lastNames[i]46            });47        }48    }49    function makeSelector(storeCfg, searchStoreCfg) {50        storeCfg = storeCfg || defaultStoreCfg;51        searchStoreCfg = searchStoreCfg || defaultSearchStoreCfg;52        multiSelector = new Ext.view.MultiSelector({53            renderTo: Ext.getBody(),54            width: 400,55            height: 300,56            store: storeCfg,57            fieldName: 'name',58            viewConfig: {59               deferEmptyText: false,60               emptyText: 'No employees selected'61            },62            search: {63                field: 'name',64                store: searchStoreCfg65            }66        });67    }68    function completeRequest(responseData, status) {69        var responseText = Ext.encode(responseData || data);70        Ext.Ajax.mockComplete({71            status: status || 200,72            responseText: responseText73        });74    }75    beforeEach(function() {76        Employee = Ext.define('spec.Employee', {77            extend: 'Ext.data.Model',78            fields: [{79                name: 'id'80            }, {81                name: 'forename'82            }, {83                name: 'surname'84            }, {85                name: 'name',86                convert: function(v, rec) {87                    return rec.editing ? v : rec.get('forename') + ' ' + rec.get('surname');88                }89            }]90        });91    });92    afterEach(function() {93        Ext.undefine('spec.Employee');94        Ext.data.Model.schema.clear();95        multiSelector = Ext.destroy(multiSelector);96    });97    describe("search popup", function () {98        describe("alignment", function() {99            beforeEach(function() {100                makeSelector();101                jasmine.fireMouseEvent(multiSelector.down('tool').el, 'click');102            });103            it("should align to the top right", function() {104                var popup = multiSelector.searchPopup;105                expect(popup.el.getTop()).toBe(multiSelector.el.getTop());106                expect(popup.el.getLeft()).toBe(multiSelector.el.getRight());107            });108            it("should retain selection when moving", function() {109                var popup = multiSelector.searchPopup;110                multiSelector.setWidth(600);111                expect(popup.el.getTop()).toBe(multiSelector.el.getTop());112                expect(popup.el.getLeft()).toBe(multiSelector.el.getRight());113            });114        });115        describe("synchronizing selection", function () {116            describe("store with remote data", function () {117                beforeEach(function() {118                    // Override so that we can control asynchronous loading119                    loadStore = Ext.data.ProxyStore.prototype.load = function() {120                        proxyStoreLoad.apply(this, arguments);121                        if (synchronousLoad) {122                            this.flushLoad.apply(this, arguments);123                        }124                        return this;125                    };126                    MockAjaxManager.addMethods();127                    makeSelector();128                });129                afterEach(function() {130                    // Undo the overrides.131                    Ext.data.ProxyStore.prototype.load = proxyStoreLoad;132                    MockAjaxManager.removeMethods();133                });134                it("should select the records in the searcher which match by ID the records in the selector", function() {135                    var searchStore,136                        searchGrid;137                    // Load the multiSelector's store138                    multiSelector.store.load();139                    completeRequest(data[0]);140                    multiSelector.onShowSearch();141                    142                    // Search grid's store is set to autoload, so wait for it to kick off a load143                    waitsFor(function() {144                        searchGrid = multiSelector.searchPopup.child('gridpanel');145                        searchStore = searchGrid.store;146                        return (searchStore instanceof Ext.data.Store) && searchStore.isLoading();147                    }, 'searchStore to kick off a load');                    148                    runs(function() {149                        completeRequest();150                        151                        expect(searchGrid.getSelectionModel().getSelection()[0].get('name')).toBe(multiSelector.store.getAt(0).get('name'));152                    });153                });154                it("should visually highlight the rows in the searcher which match by ID the records in the selector", function () {155                    var searchStore,156                        searchGrid,157                        nodes;158                    // Load the multiSelector's store159                    multiSelector.store.load();160                    completeRequest(data[0]);161                    multiSelector.onShowSearch();162                    // Search grid's store is set to autoload, so wait for it to kick off a load163                    waitsFor(function() {164                        searchGrid = multiSelector.searchPopup.child('gridpanel');165                        searchStore = searchGrid.store;166                        return (searchStore instanceof Ext.data.Store) && searchStore.isLoading();167                    }, 'searchStore to kick off a load');                    168                    runs(function() {169                        completeRequest();170                        nodes = multiSelector.down('gridpanel').getView().getSelectedNodes();171                        expect(nodes[0]).toHaveCls('x-grid-item-selected');172                    });173                });174            });175            describe("store with inline data", function () {176                beforeEach(function () {177                    var storeCfg = {178                        model: 'spec.Employee',179                        data: [{180                            forename: 'Ben',181                            surname: 'Toll',182                            id: 1183                        }]184                    };185                    var searchStoreCfg = {186                        model: 'spec.Employee',187                        remoteSort: false,188                        remoteFilter: false,189                        autoLoad: false,190                        data: [{191                            forename: 'Ben',192                            surname: 'Toll',193                            id: 1194                        },{195                            forename: 'Don',196                            surname: 'Griffin',197                            id: 2198                        },{199                            forename: 'Evan',200                            surname: 'Trimboli',201                            id: 3202                        }]203                    };204                    205                    makeSelector(storeCfg, searchStoreCfg);206                });207                it("should select the records in the searcher which match by ID the records in the selector", function () {208                    multiSelector.onShowSearch();209                    210                    expect(multiSelector.down('gridpanel').selModel.getSelection()[0].get('name')).toBe(multiSelector.store.getAt(0).get('name'));211                });212                it("should visually highlight the rows in the searcher which match by ID the records in the selector", function () {213                    var nodes;214                    multiSelector.onShowSearch();215                    nodes = multiSelector.down('gridpanel').getView().getSelectedNodes();216                    expect(nodes[0]).toHaveCls('x-grid-item-selected');217                });218                if (Ext.supports.TouchEvents) {219                    it('should not hide the picker when the picker is tapped', function() {220                        multiSelector.onShowSearch();221                        var searchGrid = multiSelector.searchPopup.lookupReference('searchGrid'),222                            cell = new Ext.grid.CellContext(searchGrid.view).setPosition(1, 0).getCell(),223                            selectedCount = multiSelector.store.getCount(),224                            x = cell.getX() + cell.getWidth() / 2,225                            y = cell.getY() + cell.getHeight() / 2;226                        Ext.testHelper.fireEvent('start', cell.dom, [{ x: x, y: y }]);227                        Ext.testHelper.fireEvent('end', cell.dom, [{ x: x, y: y }]);228                        expect(multiSelector.store.getCount()).toBe(selectedCount + 1);229                        expect(multiSelector.searchPopup.isVisible()).toBe(true);230                    });231                }232            });233        });234        describe("synchronizing deselection", function () {235            beforeEach(function () {236                var storeCfg = {237                    model: 'spec.Employee',238                    data: [{239                        forename: 'Ben',240                        surname: 'Toll',241                        id: 1242                    }]243                };244                var searchStoreCfg = {245                    model: 'spec.Employee',246                    remoteSort: false,247                    remoteFilter: false,248                    autoLoad: false,249                    data: [{250                        forename: 'Ben',251                        surname: 'Toll',252                        id: 1253                    },{254                        forename: 'Don',255                        surname: 'Griffin',256                        id: 2257                    },{258                        forename: 'Evan',259                        surname: 'Trimboli',260                        id: 3261                    }]262                };263                264                makeSelector(storeCfg, searchStoreCfg);265            });266            it("should deselect the records in the searcher which match by ID the records removed from the selector", function () {267                var store = multiSelector.getStore(),268                    record;269                multiSelector.onShowSearch();270                record = store.getAt(0);271                store.remove(record);272                multiSelector.searchPopup.deselectRecords(record);273                expect(multiSelector.down('gridpanel').selModel.getSelection().length).toBe(0);274            });275            it("should visually unhighlight the rows in the searcher which match by ID the records removed from the selector", function () {276                var store = multiSelector.getStore(),277                    record;278                multiSelector.onShowSearch();...

LevelCreator.js

Source:LevelCreator.js

...43        powerctx.beginPath();44        powerctx.fillStyle = "#fff"45        powerctx.fillRect(0, 0,this.width+10,this.height+10);46        this.brickSelected = true;47        this.makeSelector();48        this.draw();49    }50    removeEvents(){51        canvas.removeEventListener('mousemove',this.moveBrick);52        canvas.removeEventListener('click',this.placeBrick);53        powerCanvas.removeEventListener('click',this.select); 54    }55    addEvents(){56        canvas.addEventListener('mousemove',this.moveBrick);57        canvas.addEventListener('click',this.placeBrick);58        powerCanvas.addEventListener('click',this.select); 59    }60    moveBrick(e){61        var rct=canvas.getBoundingClientRect();62        levelCreator.x = e.clientX - rct.left ;63        levelCreator.y = e.clientY - rct.top -levelCreator.height;64        levelCreator.out = (levelCreator.x < 20 || levelCreator.y < 2) ? true : false;65        ;66        if (levelCreator.x < 0) levelCreator.x = 0 ;67        if (levelCreator.x > canvas.width - levelCreator.width) levelCreator.x = canvas.width - levelCreator.width;68        if (levelCreator.y < 0) levelCreator.y = 0 ;69        if (levelCreator.y > canvas.height - levelCreator.height) levelCreator.y = canvas.height - levelCreator.height;70        levelCreator.x = parseInt(levelCreator.x/80)*80;71        levelCreator.y = parseInt(levelCreator.y/30)*3072        levelCreator.draw();73        // log('hi')74        75        76    }77    placeBrick(e){78        var brickNumber =levelCreator.y/30*10 + levelCreator.x/80;79        var atIndex = levelCreator.brickNumberArray.indexOf(brickNumber)80        if(!brickAddMode){81            if(atIndex == -1) return;82            levelCreator.bricks.splice(atIndex,1);83            levelCreator.brickNumberArray.splice(atIndex,1);84            levelCreator.draw();85            return;86        }87        if (levelCreator.brickSelected ) {88            if(atIndex === -1){89                levelCreator.bricks.push(new Brick(levelCreator.x,levelCreator.y, levelCreator.damage));90                levelCreator.brickNumberArray.push(brickNumber);91            }92            else{93                levelCreator.bricks[atIndex]=new Brick(levelCreator.x,levelCreator.y, levelCreator.damage);94            }95        }96        else{  97            if (atIndex !==-1) {98                levelCreator.bricks[atIndex].power = new levelCreator.powers[levelCreator.selectedPowerIndex].constructor99                levelCreator.bricks[atIndex].placePower();100            }101            102        }103        levelCreator.draw()104    }105    draw(){106        ctx.clearRect(0, 0, canvas.width, canvas.height);107        this.bricks.forEach(108            (brick)=>{109                brick.draw(ctx,spritesCreator); 110                if(brick.power) brick.power.draw(ctx)111            }112        )113        if(!brickAddMode || this.out) return;114        if(this.brickSelected) ctx.drawImage(spritesCreator,0,0+(this.damage-1)*23,67,23,this.x +5,this.y+5,this.width,this.height);115        else {116            let pow = this.powers[this.selectedPowerIndex];117            pow.center ={x: this.x +40, y:this.y+15};118            pow.draw(ctx);119        }120    }121    makeSelector(){122        this.offset = 40;123        for (let i=0; i<6; i++){124        powerctx.drawImage(spritesCreator,0,i*23,67,23,i*(this.width+this.offset+30)+5, 5,this.width,this.height);}125        126        for (let i=0; i<this.powers.length; i++){127            let power = this.powers[i];128            power.center ={x:i*(40+this.offset)+5, y:40};129        powerctx.drawImage(...power.spriteLocation, power.center.x, power.center.y, 30, 30)130    }131    }132    select(e){133        var rct=powerCanvas.getBoundingClientRect();134        var x = e.clientX - rct.left ;135        var y = e.clientY - rct.top;136        if (y<40) {137            for (let i=0; i<6; i++){138                var pos = i*(levelCreator.width+levelCreator.offset+30)+5139                if (x>pos && x<pos+levelCreator.width) {140                    powerctx.clearRect(0, 0, powerCanvas.width, powerCanvas.height)141                    powerctx.beginPath();142                    powerctx.fillStyle = "#fff"143                    levelCreator.damage = i+1; 144                    powerctx.fillRect(pos-5, 0, levelCreator.width+10, levelCreator.height+10 );145                    levelCreator.makeSelector();146                    levelCreator.brickSelected = true;147                    break;148                }149            }150            151        }152        else {153            for (var i=0; i<levelCreator.powers.length; i++){154                var pos =i*(40+levelCreator.offset)+5;155                if (x>pos && x<pos+40) {156                    powerctx.clearRect(0, 0, powerCanvas.width, powerCanvas.height)157                    powerctx.beginPath();158                    powerctx.fillStyle = "#fff"159                    powerctx.arc(levelCreator.powers[i].center.x+15, levelCreator.powers[i].center.y+15, 19, 0, Math.PI * 2);160                    powerctx.fill();    161                    levelCreator.selectedPowerIndex =i;162                    levelCreator.brickSelected = false;163                    levelCreator.makeSelector();164                    break;165                }166            }167        }168        169    }...

vehicles.js

Source:vehicles.js

1/*global define */2/*jslint browser: true */3define(['jquery', 'underscore', 'text!../../data/vehicles.json'], function ($, underscore, vehiclesJsonDataText) {4    'use strict';5    var exports = {},6        vehicles,7        getVehicles;8    getVehicles = function () {9        if (vehicles === undefined) {10            try {11                vehicles = JSON.parse(vehiclesJsonDataText);12            } catch (e) {13                vehicles = [];14            }15        }16        return vehicles;17    };18    exports.setUp = function ($typeSelector, $makeSelector, $modelSelector) {19        $typeSelector.on('change', function () {20            $makeSelector.val('').attr('disabled', 'disabled');21            $modelSelector.val('').attr('disabled', 'disabled');22            exports.loadPostProductMakes($makeSelector, $typeSelector.val());23        });24        exports.loadPostProductMakes($makeSelector, $typeSelector.val(), $makeSelector.val());25        exports.loadPostProductModels(26            $modelSelector,27            $typeSelector.val(),28            $makeSelector.val(),29            $modelSelector.val()30        );31        $makeSelector.on('change', function () {32            $modelSelector.val('').attr('disabled', 'disabled');33            exports.loadPostProductModels($modelSelector, $typeSelector.val(), $makeSelector.val());34        });35    };36    exports.loadPostProductMakes = function ($makeSelector, type, activeMake) {37        var filter,38            makes,39            $optGroup = $($makeSelector.find('optgroup')[0]),40            $entrySet = $('<select>');41        filter = {42            type: type43        };44        makes = underscore.uniq(underscore.pluck(underscore.where(getVehicles(), filter), 'make'));45        $entrySet.append('<option value="">-</option>');46        $.each(makes, function () {47            $entrySet.append($('<option>', { value: this }).text(this));48        });49        $entrySet.append($('<option>', { 'data-action' : 'other' }).text('Outro'));50        $makeSelector.removeAttr('disabled');51        $optGroup.html($entrySet.children());52        if (activeMake !== undefined) {53            $makeSelector.val(activeMake);54            if ($makeSelector.val() === activeMake) {55                return;56            }57            $optGroup.append($('<option>', { value: activeMake }).text(activeMake));58            $makeSelector.val(activeMake);59        }60    };61    exports.loadPostProductModels = function ($modelSelector, type, make, activeModel) {62        var filter,63            models,64            $optGroup,65            $entrySet;66        filter = {67            type: type,68            make: make69        };70        models = underscore.uniq(71            underscore.pluck(72                underscore.where(getVehicles(), filter),73                'model'74            )75        );76        $modelSelector.html('<optgroup label="Modelo"><option value="">-</option></optgroup>');77        $optGroup = $($modelSelector.find('optgroup')[0]);78        $entrySet = $('<select>');79        $.each(models, function () {80            $entrySet.append($('<option>', { value: this }).text(this));81        });82        $entrySet.append($('<option>', { 'data-action' : 'other' }).text('Outro'));83        $modelSelector.removeAttr('disabled');84        $optGroup.append($entrySet.children());85        if (activeModel !== undefined) {86            $modelSelector.val(activeModel);87            if ($modelSelector.val() === activeModel) {88                return;89            }90            $optGroup.append($('<option>', { value: activeModel }).text(activeModel));91            $modelSelector.val(activeModel);92        }93    };94    exports.maskMoney = function ($element) {95        $element.maskMoney(96            {97                symbol: 'R$ ',98                showSymbol: true,99                symbolStay: true,100                thousands: '.',101                decimal: ',',102                defaultZero: false103            }104        );105    };106    exports.parseYouTubeIdFromLink = function (link, softPass) {107        //from http://stackoverflow.com/posts/10591582/revisions108        /*jslint regexp: true*/109        var id = link.match(/(?:https?:\/{2})?(?:w{3}\.)?youtu(?:be)?\.(?:com|be)(?:\/watch\?v=|\/)([^\s&]+)/);110        /*jslint regexp: false*/111        if (id !== null) {112            return id[1];113        }114        if (softPass) {115            return link;116        }117        return '';118    };119    return exports;...

scripts.js

Source:scripts.js

...6        let date = new Date();7        let year = date.getFullYear();8        let text = 'Copyright&nbsp;&copy;&nbsp;' + year + '&nbsp;<a href="http://www.plexdata.de" target="_blank">plexdata.de</a>';910        $(makeSelector(selector)).html(text);11    }12}1314function makeSelector(value) {1516    const hash = '#';1718    if (value) {1920        let index = value.indexOf(hash);2122        if (index < 0) {23            return hash + value;24        }25    }2627    return value;28}2930function selectCaller(caller) {3132    if (caller) {3334        try {3536            let parent = $(makeSelector('navigation'));3738            if (parent) {3940                $(parent).children('a').each(function () {41                    $(this).removeClass('selected');42                });4344                if (typeof caller === "string") {45                    caller = makeSelector(caller);46                }4748                $(caller).addClass('selected');49            }50        }51        catch (error) {52            console.log(error);53        }54    }5556    return false;57}5859function showContent(caller, chapter, section) {6061    selectCaller(caller);6263    if (chapter) {6465        try {6667            let target = makeSelector('content');6869            $(target).load(chapter);7071            $(target).ready(function () {7273                try {7475                    // As first bring current target into view.76                    $(target).scrollTop(0);7778                    let selector = makeSelector(section);7980                    if (selector) {8182                        // Prevent execution in the hope that 500 ms is enough wait time to delay scrolling.83                        let waittime = $(selector).offset() !== undefined ? 0 : 500;8485                        setTimeout(function () {8687                            try {8889                                let offset = $(selector).offset().top - $(target).offset().top;9091                                $(target).scrollTop(offset);92                            }93                            catch (error) {94                                console.log(error);95                            }96                        }, waittime);97                    }98                }99                catch (error) {100                    console.log(error);101                }102            });103        }104        catch (error) {105            console.log(error);106        }107    }108109    return false;110}111112function onScrollContent() {113114    let content = $(makeSelector('content'));115    let button = $('.jump-top-button');116117    if (content && button) {118119        if ($(content).scrollTop() > 20) {120121            $(button).show();122123        } else {124125            $(button).hide();126        }127    }128129    return false;130}131132function onJumpTop() {133134    let content = $(makeSelector('content'));135136    if (content) {137        $(content).scrollTop(0);138    }139140    return false;141}142143function copyToClipboard(selector) {144145    try {146147        var $temp = $("<textarea>");148        $("body").append($temp);149        $temp.val($(makeSelector(selector)).text()).select();150        document.execCommand("copy");151        $temp.remove();152    }153    catch (error) {154        console.log(error);155    }156157    return false;
...

createMakeSelector.js

Source:createMakeSelector.js

1import { createSelector } from 'reselect'2import invariant from 'invariant'3import isFunction from 'lodash/isFunction'4import isString from 'lodash/isString'5import get from 'lodash/get'6import isArray from 'lodash/isArray'7import isEmpty from 'lodash/isEmpty'8import isNil from 'lodash/isNil'9import startsWith from 'lodash/startsWith'10import { defineFunctionName } from 'reacticoon/utils'11// TODO: unit test12const createPropGetter = (propPath, defaultValue) => (_state, props) =>13  props && get(props, propPath, defaultValue)14// TODO: unit test15const getSelectorNameWithMake = name => {16  return `make${name.charAt(0).toUpperCase()}${name.slice(1)}`17}18const createMakeSelector = (19  selectorName,20  selectorsParam = [],21  propsParam = [],22  selector,23  debugMode = false24) => () => {25  invariant(!isEmpty(selectorName), `createMakeSelector: Missing selector name`)26  invariant(27    !startsWith(selectorName, 'make'),28    `Make selector name must not start with 'make' ${name}`29  )30  invariant(!isEmpty(selectorsParam) || isFunction(selectorsParam), `createMakeSelector: Missing props params`)31  invariant(!isNil(selector), `createMakeSelector: Missing selector param`)32  // generate props selectors. Prop selector can be in multiple forms:33  // - a function: prop => prop.myVar34  // - a string path: 'myVar'35  // - an array: [ 'myVar', 'default value' ]36  // - an object: [ path: 'myVar', defaultValue: 'default value' ]37  const propsSelectors = (isFunction(propsParam) ? [ propsParam ] : propsParam).map(propParam => {38    if (isString(propParam)) {39      return createPropGetter(propParam, null)40    }41    if (isFunction(propParam)) {42      return propParam43    }44    if (isArray(propParam)) {45      invariant(46        propParam.length === 2,47        `Invalid prop param as array. Must follow [ path, defaultValue ]`48      )49      // handle:50      // ["path", getPath]51      if (isFunction(propParam[1])) {52        return propParam[1]53      }54      // handle: 55      // ["path", "myPath"]56      return createPropGetter(propParam[0], propParam[1])57    }58    if (isObject(propParam) && propParam.path && propParam.defaultValue) {59      return createPropGetter(propParam.path, propParam.defaultValue)60    }61    invariant(false, `Invalid prop param: ${propParam}`)62  })63  const propsSelector = createSelector(propsSelectors, (...props) => {64    return props65  })66  const finalSelectors = [67    propsSelector, 68    ...(isFunction(selectorsParam) ? selectorsParam() : selectorsParam)69  ]70  selector.__FROM_CREATE_MAKE_SELECTOR = true71  selector.__IS_SELECTOR = true72  selector.__NAME = selectorName73  defineFunctionName(selector, selectorName)74  const makeSelector = createSelector(finalSelectors, (props, ...data) => {75    const selectorResult = selector.apply(null, [ ...data, ...props ])76    if (debugMode) {77      const groupName = `[make selector] ${selectorName} called with arguments:`78      console.group(groupName)79      console.log(data)80      console.info({ selectorResult })81      console.groupEnd(groupName)82    }83    return selectorResult84  })85  makeSelector.__IS_MAKE_SELECTOR = true86  makeSelector.__NAME = getSelectorNameWithMake(selectorName)87  defineFunctionName(makeSelector, makeSelector.__NAME)88  return makeSelector89}...

connected-dimension-publisher.spec.js

Source:connected-dimension-publisher.spec.js

...9  shouldPublish: true,10};11describe('Dimension publisher - connected', () => {12  it('should return the default props when not requested to publish dimensions', () => {13    const selector = makeSelector();14    const result: MapProps = selector.resultFunc(15      'DEFAULT',16      null,17    );18    expect(result).to.deep.equal(defaultMapProps);19  });20  it('should return the default props when the type being requested does not match the current publisher', () => {21    const selector = makeSelector();22    const result: MapProps = selector.resultFunc(23      'MY_TYPE',24      'SOME_OTHER_TYPE',25    );26    expect(result).to.deep.equal(defaultMapProps);27  });28  it('should return that it should publish when the requested type matches', () => {29    const selector = makeSelector();30    const result: MapProps = selector.resultFunc(31      'MY_TYPE',32      'MY_TYPE',33    );34    expect(result).to.deep.equal(shouldPublishMapProps);35  });36  it('should not break memoization on multiple do not publish results', () => {37    const selector = makeSelector();38    // nothing requested39    const result1: MapProps = selector.resultFunc(40      'MY_TYPE',41      null,42    );43    const result2: MapProps = selector.resultFunc(44      'MY_TYPE',45      null,46    );47    // something else requested48    const result3: MapProps = selector.resultFunc(49      'MY_TYPE',50      'NOT_MY_TYPE',51    );52    const result4: MapProps = selector.resultFunc(53      'MY_TYPE',54      'ANOTHER_TYPE_THAT_IS_NOT_MINE',55    );56    // correct result returned?57    expect(result1).to.deep.equal(defaultMapProps);58    // checking object equality59    expect(result1).to.equal(result2);60    expect(result2).to.equal(result3);61    expect(result3).to.equal(result4);62  });63  it('should not break memoization across multiple selectors', () => {64    const shouldPublishSelector = makeSelector();65    const noPublishSelector = makeSelector();66    const shouldPublish1: MapProps = shouldPublishSelector.resultFunc(67      'MY_TYPE',68      'MY_TYPE',69    );70    const noPublish1: MapProps = noPublishSelector.resultFunc(71      'MY_TYPE',72      'NOT_MY_TYPE',73    );74    const shouldPublish2: MapProps = shouldPublishSelector.resultFunc(75      'MY_TYPE',76      'MY_TYPE',77    );78    const noPublish2: MapProps = noPublishSelector.resultFunc(79      'MY_TYPE',...

makeSelector.test.js

Source:makeSelector.test.js

1import { shallow, mount } from 'enzyme';2import MakeSelector from './makeSelector';3import { getAvailableMakes } from '../../actions/actions';4import { BrowserRouter as Router } from 'react-router-dom';5import { act } from "react-dom/test-utils";6import toJson from 'enzyme-to-json';7jest.mock("../../actions/actions", () => ({ getAvailableMakes: jest.fn() }));8let makes;9let wrapper;10beforeEach(() => {11    makes = [12        "Hyundai", "Ford"13    ]14})15describe('<MakeSelector />', () => {16    describe('when component initalizes', () => {17        it('should initalize to loading', () => {18            const test = shallow(<Router><MakeSelector /></Router>);19            expect(toJson(test)).toMatchSnapshot();20        });21    });22    describe('when component loads', () => {23        it('should render makes with images', async () => {24            getAvailableMakes.mockImplementationOnce(() => Promise.resolve(makes));25            await act(async () => {26                wrapper = mount(<Router><MakeSelector /></Router>);27            });28            wrapper.update();29            expect(toJson(wrapper)).toMatchSnapshot();30            expect(wrapper.find('Link').length).toBe(2);31        })32    });33    describe('when the api call fails', () => {34        it('should render a ErrorDisplay', async () => {35            getAvailableMakes.mockImplementationOnce(() => Promise.resolve(["Error", new Error("Generic Failure")]));36            await act(async () => {37                wrapper = mount(<Router><MakeSelector /></Router>);38            });39            wrapper.update();40            expect(toJson(wrapper)).toMatchSnapshot();41            expect(wrapper.find('ErrorDisplay').length).toBe(1);42        })43    });...

Using AI Code Generation

1import { Selector } from 'testcafe';2test('My first test', async t => {3    const makeSelector = require('./make-selector.js');4    const selector = makeSelector('button', 'Start');5    await t.click(selector);6});7const makeSelector = (tag, text) => {8    return Selector(tag).withText(text);9};10module.exports = makeSelector;

Using AI Code Generation

1import { Selector } from 'testcafe';2test('My first test', async t => {3    const makeSelector = Selector((selector, ...args) => {4        var el = document.querySelector(selector);5        for(var i = 0; i < args.length; i++) {6            el = el.children[args[i]];7        }8        return el;9    });10    const radio = makeSelector('form', 2, 1, 1);11        .click(radio)12        .expect(radio.checked).ok()13        .typeText('#developer-name', 'Peter Parker')14        .click('#submit-button')15        .expect(Selector('#article-header').innerText).eql('Thank you, Peter Parker!');16});17import { Selector } from 'testcafe';18test('My first test', async t => {19    const makeSelector = Selector((selector, ...args) => {20        var el = document.querySelector(selector);21        for(var i = 0; i < args.length; i++) {22            el = el.children[args[i]];23        }24        return el;25    });26    const radio = makeSelector('form', 2, 1, 1);27        .click(radio)28        .expect(radio.checked).ok()29        .typeText('#developer-name', 'Peter Parker')30        .click('#submit-button')31        .expect(Selector('#article-header').innerText).eql('Thank you, Peter Parker!');32});

Using AI Code Generation

1import { Selector } from 'testcafe';2test('My test', async t => {3    const makeSelector = selector => Selector(selector).addCustomMethods({4    });5    const makeSelector = selector => Selector(selector).addCustomMethods({6    });7    const makeSelector = selector => Selector(selector).addCustomMethods({8    });9    const makeSelector = selector => Selector(selector).addCustomMethods({10    });11});

Using AI Code Generation

1import { Selector } from 'testcafe';2const makeSelector = require('testcafe-react-selectors').makeSelector;3const reactSelector = makeSelector();4const button = reactSelector('Button');5test('My test', async t => {6    await t.click(button);7});

Using AI Code Generation

1import { Selector } from 'testcafe';2import makeSelector from './selector';3const input = Selector(makeSelector('input'));4const button = Selector(makeSelector('button'));5test('My test', async t => {6        .typeText(input, 'Peter Parker')7        .click(button);8});9declare function makeSelector (name: string): string;10module.exports = function makeSelector (name) {11    return `[data-test=${name}]`;12};

Using AI Code Generation

1import { Selector } from 'testcafe';2import { makeSelector } from './selector.js';3const selector = makeSelector('div');4test('My first test', async t => {5        .typeText('#developer-name', 'John Smith')6        .click('#submit-button')7        .expect(Selector(selector).innerText).eql('Thank you, John Smith!');8});9export function makeSelector (selector) {10    return selector;11}

Using AI Code Generation

1import {Selector} from 'testcafe';2import {makeSelector} from 'testcafe';3const selector = makeSelector('selectorName');4import {Selector} from 'testcafe';5import {makeSelector} from 'testcafe';6const selector = makeSelector('selectorName');7import {Selector} from 'testcafe';8import {makeSelector} from 'testcafe';9const selector = makeSelector('selectorName');10import {Selector} from 'testcafe';11import {makeSelector} from 'testcafe';12const selector = makeSelector('selectorName');13import {Selector} from 'testcafe';14import {makeSelector} from 'testcafe';15const selector = makeSelector('selectorName');16import {Selector} from 'testcafe';17import {makeSelector} from 'testcafe';18const selector = makeSelector('selectorName');19import {Selector} from 'testcafe';20import {makeSelector} from 'testcafe';21const selector = makeSelector('selectorName');22import {Selector} from 'testcafe';23import {makeSelector} from 'testcafe';24const selector = makeSelector('selectorName');25import {Selector} from 'testcafe';26import {makeSelector} from 'test

Using AI Code Generation

1import { Selector } from 'testcafe';2import { makeSelector } from 'testcafe-react-selectors';3const myidSelector = makeSelector('#myid');4test('MyTest', async t => {5        .click(myidSelector);6});7import { Selector } from 'testcafe';8import { makeSelector } from 'testcafe-react-selectors';9const myidSelector = makeSelector('#myid');10test('MyTest', async t => {11        .click(myidSelector);12});13import { Selector } from 'testcafe';14import { makeSelector } from 'testcafe-react-selectors';15const myidSelector = makeSelector('#myid');16test('MyTest', async t => {17        .click(myidSelector);18});19import { Selector } from 'testcafe';20import { makeSelector } from 'testcafe-react-selectors';21const myidSelector = makeSelector('#myid');22test('MyTest', async t => {23        .click(myidSelector);24});25import { Selector } from 'testcafe';26import { makeSelector } from 'testcafe-react-selectors';27const myidSelector = makeSelector('#myid');28test('MyTest', async t => {29        .click(myidSelector);30});31import { Selector } from 'testcafe';32import { makeSelector } from 'testcafe-react-selectors';33const myidSelector = makeSelector('#myid');34test('MyTest', async t => {35        .click(myidSelector);36});

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.