How to use tsc method in Protractor

Best JavaScript code snippet using protractor

Run Protractor automation tests on LambdaTest cloud grid

Perform automation testing on 3000+ real desktop and mobile devices online.

G5000_TSCFlightPlanAlphaNumKeyboard.js

Source: G5000_TSCFlightPlanAlphaNumKeyboard.js Github

copy
1class WT_G5000_TSCFlightPlanAlphaNumKeyboard extends WT_G3x5_TSCAlphaNumKeyboard {
2    _getTemplate() {
3        return WT_G5000_TSCFlightPlanAlphaNumKeyboard.TEMPLATE;
4    }
5
6    async _defineChildren() {
7        this._wrapper = this.shadowRoot.querySelector(`#wrapper`);
8        [
9            this._routeButton,
10            this._backspaceButton,
11            this._letterKeys,
12            this._numberKeys,
13        ] = await Promise.all([
14            WT_CustomElementSelector.select(this.shadowRoot, `#route`, WT_TSCLabeledButton),
15            WT_CustomElementSelector.select(this.shadowRoot, `#backspace`, WT_TSCImageButton),
16            Promise.all([...Array(26)].map((value, index) => WT_CustomElementSelector.select(this.shadowRoot, `#key${String.fromCharCode(65 + index)}`, WT_TSCLabeledButton), this)),
17            Promise.all([...Array(10)].map((value, index) => WT_CustomElementSelector.select(this.shadowRoot, `#key${index}`, WT_TSCLabeledButton), this))
18        ]);
19    }
20
21    _initButtonListeners() {
22        this._routeButton.addButtonListener(this._onRouteButtonPressed.bind(this));
23        this._backspaceButton.addButtonListener(this._onBackspaceButtonPressed.bind(this));
24        this._letterKeys.forEach((button, index) => button.addButtonListener(this._onCharKeyPressed.bind(this, String.fromCharCode(65 + index))), this);
25        this._numberKeys.forEach((button, index) => button.addButtonListener(this._onCharKeyPressed.bind(this, String.fromCharCode(48 + index))), this);
26    }
27
28    _onRouteButtonPressed(button) {
29        this._notifyListeners(WT_G5000_TSCFlightPlanAlphaNumKeyboard.EventType.ROUTE_PRESSED);
30    }
31}
32/**
33 * @enum {Number}
34 */
35WT_G5000_TSCFlightPlanAlphaNumKeyboard.EventType = {
36    CHAR_KEY_PRESSED: 0,
37    BACKSPACE_PRESSED: 1,
38    ROUTE_PRESSED: 2
39}
40WT_G5000_TSCFlightPlanAlphaNumKeyboard.NAME = "wt-tsc-fplnalphanumkeyboard";
41WT_G5000_TSCFlightPlanAlphaNumKeyboard.TEMPLATE = document.createElement("template");
42WT_G5000_TSCFlightPlanAlphaNumKeyboard.TEMPLATE.innerHTML = `
43    <style>
44        :host {
45            display: block;
46        }
47
48        #wrapper {
49            position: absolute;
50            left: var(--fplnalphanumkeyboard-padding-left, 0px);
51            top: var(--fplnalphanumkeyboard-padding-top, 0px);
52            width: calc(100% - var(--fplnalphanumkeyboard-padding-left, 0px) - var(--fplnalphanumkeyboard-padding-right, 0px));
53            height: calc(100% - var(--fplnalphanumkeyboard-padding-top, 0px) - var(--fplnalphanumkeyboard-padding-bottom, 0px));
54        }
55        #keyboard {
56                position: absolute;
57                left: 0%;
58                top: 0%;
59                width: 100%;
60                height: 100%;
61                display: grid;
62                grid-template-rows: repeat(7, 1fr);
63                grid-template-columns: repeat(6, 1fr);
64                color: white;
65                justify-items: center;
66                align-items: center;
67            }
68                .key {
69                    width: var(--fplnalphanumkeyboard-key-size, 100%);
70                    height: var(--fplnalphanumkeyboard-key-size, 100%);
71                }
72                .round {
73                    border-radius: 50%;
74                }
75                #find {
76                    font-size: var(--fplnalphanumkeyboard-findbutton-font-size, 0.5em);
77                    --button-img-image-top: -10%;
78                    --button-img-image-height: 80%;
79                }
80                #route {
81                    font-size: var(--fplnalphanumkeyboard-routebutton-font-size, 0.5em);
82                }
83                #degtrue {
84                    font-size: var(--fplnalphanumkeyboard-degtruebutton-font-size, 0.5em);
85                }
86                #backspace {
87                    font-size: var(--fplnalphanumkeyboard-backspacebutton-font-size, 0.5em);
88                    --button-img-label-top: 5%;
89                    --button-img-label-height: 55%;
90                    --button-img-image-top: 30%;
91                    --button-img-image-height: 80%;
92                }
93    </style>
94    <div id="wrapper">
95        <div id="keyboard">
96            <wt-tsc-button-label id="key1" class="key round" labeltext="1"></wt-tsc-button-label>
97            <wt-tsc-button-label id="key2" class="key round" labeltext="2"></wt-tsc-button-label>
98            <wt-tsc-button-label id="key3" class="key round" labeltext="3"></wt-tsc-button-label>
99            <wt-tsc-button-label id="key4" class="key round" labeltext="4"></wt-tsc-button-label>
100            <wt-tsc-button-label id="key5" class="key round" labeltext="5"></wt-tsc-button-label>
101            <wt-tsc-button-label id="keySlash" class="key round" labeltext="/" enabled="false"></wt-tsc-button-label>
102            <wt-tsc-button-label id="key6" class="key round" labeltext="6"></wt-tsc-button-label>
103            <wt-tsc-button-label id="key7" class="key round" labeltext="7"></wt-tsc-button-label>
104            <wt-tsc-button-label id="key8" class="key round" labeltext="8"></wt-tsc-button-label>
105            <wt-tsc-button-label id="key9" class="key round" labeltext="9"></wt-tsc-button-label>
106            <wt-tsc-button-label id="key0" class="key round" labeltext="0"></wt-tsc-button-label>
107            <wt-tsc-button-label id="keyDecimal" class="key round" labeltext="." enabled="false"></wt-tsc-button-label>
108
109            <wt-tsc-button-label id="keyA" class="key" labeltext="A"></wt-tsc-button-label>
110            <wt-tsc-button-label id="keyB" class="key" labeltext="B"></wt-tsc-button-label>
111            <wt-tsc-button-img id="find" class="key" labeltext="Find" enabled="false" imgsrc="/WTg3000/SDK/Assets/Images/Garmin/TSC/ICON_TSC_FIND.png"></wt-tsc-button-img>
112            <wt-tsc-button-label id="route" class="key" labeltext="*<br>Route"></wt-tsc-button-label>
113            <wt-tsc-button-label id="degtrue" class="key" labeltext="°T" enabled="false"></wt-tsc-button-label>
114            <wt-tsc-button-img id="backspace" class="key" labeltext="BKSP" imgsrc="/WTg3000/SDK/Assets/Images/Garmin/TSC/ICON_MAP_BKSP.png"></wt-tsc-button-img>
115            <wt-tsc-button-label id="keyC" class="key" labeltext="C"></wt-tsc-button-label>
116            <wt-tsc-button-label id="keyD" class="key" labeltext="D"></wt-tsc-button-label>
117            <wt-tsc-button-label id="keyE" class="key" labeltext="E"></wt-tsc-button-label>
118            <wt-tsc-button-label id="keyF" class="key" labeltext="F"></wt-tsc-button-label>
119            <wt-tsc-button-label id="keyG" class="key" labeltext="G"></wt-tsc-button-label>
120            <wt-tsc-button-label id="keyH" class="key" labeltext="H"></wt-tsc-button-label>
121            <wt-tsc-button-label id="keyI" class="key" labeltext="I"></wt-tsc-button-label>
122            <wt-tsc-button-label id="keyJ" class="key" labeltext="J"></wt-tsc-button-label>
123            <wt-tsc-button-label id="keyK" class="key" labeltext="K"></wt-tsc-button-label>
124            <wt-tsc-button-label id="keyL" class="key" labeltext="L"></wt-tsc-button-label>
125            <wt-tsc-button-label id="keyM" class="key" labeltext="M"></wt-tsc-button-label>
126            <wt-tsc-button-label id="keyN" class="key" labeltext="N"></wt-tsc-button-label>
127            <wt-tsc-button-label id="keyO" class="key" labeltext="O"></wt-tsc-button-label>
128            <wt-tsc-button-label id="keyP" class="key" labeltext="P"></wt-tsc-button-label>
129            <wt-tsc-button-label id="keyQ" class="key" labeltext="Q"></wt-tsc-button-label>
130            <wt-tsc-button-label id="keyR" class="key" labeltext="R"></wt-tsc-button-label>
131            <wt-tsc-button-label id="keyS" class="key" labeltext="S"></wt-tsc-button-label>
132            <wt-tsc-button-label id="keyT" class="key" labeltext="T"></wt-tsc-button-label>
133            <wt-tsc-button-label id="keyU" class="key" labeltext="U"></wt-tsc-button-label>
134            <wt-tsc-button-label id="keyV" class="key" labeltext="V"></wt-tsc-button-label>
135            <wt-tsc-button-label id="keyW" class="key" labeltext="W"></wt-tsc-button-label>
136            <wt-tsc-button-label id="keyX" class="key" labeltext="X"></wt-tsc-button-label>
137            <wt-tsc-button-label id="keyY" class="key" labeltext="Y"></wt-tsc-button-label>
138            <wt-tsc-button-label id="keyZ" class="key" labeltext="Z"></wt-tsc-button-label>
139        </div>
140    </div>
141`;
142
143customElements.define(WT_G5000_TSCFlightPlanAlphaNumKeyboard.NAME, WT_G5000_TSCFlightPlanAlphaNumKeyboard);
Full Screen

tsc_accordion_toggle.js

Source: tsc_accordion_toggle.js Github

copy
1(function($) {
2
3/* ------------------------------------------------------------------------
4Fire up Functions on Page Load
5* ------------------------------------------------------------------------- */
6jQuery(document).ready(function () {
7	doAccordion();
8});
9
10/* ------------------------------------------------------------------------
11Accordions
12* ------------------------------------------------------------------------- */
13function doAccordion(){
14	var accordions = jQuery('.tsc_accordion2');
15	if(accordions.length < 1){
16		return;
17	}
18	accordions.each(function(){
19		var self = jQuery(this);
20		var handlers = self.children('dt');
21		handlers.click(function(){
22			var self = jQuery(this);
23			self.children('dt.current').removeClass('current').next().slideUp();
24			self.toggleClass('current');
25			self.next('dd').slideToggle();
26		});
27	});
28}
29
30}(jQuery));
31
32
33
34
35
36
37// <![CDATA[
38$(function() {
39
40  /* show or hide gadget */
41  $('.tsc_toggle').addClass('tsc_hide');
42  $('.tsc_toggle.tsc_show').removeClass('tsc_hide');
43  $('.tsc_toggle.tsc_show').children('.tsc_toggle_box').css({'display':'block'});
44  $('a.tsc_toggle_link').click(function(){
45	$(this).parents('.tsc_toggle').children('.tsc_toggle_box').slideToggle('fast');
46    if ($(this).parents('.tsc_toggle').hasClass('tsc_hide'))
47	  { $(this).parents('.tsc_toggle').removeClass('tsc_hide'); $(this).parents('.tsc_toggle').addClass('tsc_show');}
48	else
49	  { $(this).parents('.tsc_toggle').addClass('tsc_hide'); $(this).parents('.tsc_toggle').removeClass('tsc_show');}
50	return false;
51  });
52
53  /* accordion gadget */
54  
55  $('.tsc_acc_box').addClass('tsc_hide');
56  $('.tsc_acc_box.tsc_show').removeClass('tsc_hide');
57  $('.tsc_acc_box.tsc_show').children('.tsc_toggle_box').css({'display':'block'});
58  $('a.tsc_acc_link').click(function(){
59	if ($(this).parents('.tsc_acc_box').hasClass('tsc_show')) { return false;}
60	$(this).parents('.tsc_acc').children('.tsc_show').children('.tsc_toggle_box').slideToggle('fast');
61	$(this).parents('.tsc_acc').children('.tsc_show').addClass('tsc_hide');
62	$(this).parents('.tsc_acc').children('.tsc_show').removeClass('tsc_show');
63	$(this).parents('.tsc_acc_box').children('.tsc_toggle_box').slideToggle('fast');
64	$(this).parents('.tsc_acc_box').addClass('tsc_show');
65	$(this).parents('.tsc_acc_box').removeClass('tsc_hide');
66	return false;
67  });
68
69});	
70
71
72$(document).ready(function(){
73	$('.toggleCollapse').on("click",function(){
74		var selector="."+$(this).attr("rel");
75		if($(this).text()=="expand all"){
76			$(selector).each(function(){			
77				if($(this).hasClass("tsc_hide"))
78					$(this).find("a.tsc_toggle_link").click();
79			});				
80			$(this).text("shrink all")
81		}
82		else{
83			$(selector).each(function(){
84				if($(this).hasClass("tsc_show"))
85					$(this).find("a.tsc_toggle_link").click();					
86			});		
87			$(this).text("expand all")
88		}	
89	});
90	
91});
92
93
94
95// ]]>
96
97
98
Full Screen

G3x5_TSCAlphaNumKeyboard.js

Source: G3x5_TSCAlphaNumKeyboard.js Github

copy
1class WT_G3x5_TSCAlphaNumKeyboard extends HTMLElement {
2    constructor() {
3        super();
4
5        this.attachShadow({mode: "open"});
6        this.shadowRoot.appendChild(this._getTemplate().content.cloneNode(true));
7
8        /**
9         * @type {((source:WT_G3x5_TSCAlphaNumKeyboard, eventType:WT_G3x5_TSCAlphaNumKeyboard.EventType, char?:String) => void)[]}
10         */
11        this._listeners = [];
12
13        this._keyboardMode = WT_G3x5_TSCAlphaNumKeyboard.KeyboardMode.LETTERS;
14        this._isInit = false;
15    }
16
17    _getTemplate() {
18        return WT_G3x5_TSCAlphaNumKeyboard.TEMPLATE;
19    }
20
21    async _defineChildren() {
22        this._wrapper = this.shadowRoot.querySelector(`#wrapper`);
23        [
24            this._numbersButton,
25            this._lettersButton,
26            this._backspaceButtons,
27            this._letterKeys,
28            this._numberKeys,
29            this._northKey,
30            this._southKey,
31            this._eastKey,
32            this._westKey
33        ] = await Promise.all([
34            WT_CustomElementSelector.select(this.shadowRoot, `#numbers`, WT_TSCLabeledButton),
35            WT_CustomElementSelector.select(this.shadowRoot, `#letters`, WT_TSCLabeledButton),
36            Promise.all([
37                WT_CustomElementSelector.select(this.shadowRoot, `#letterkeyboard .backspace`, WT_TSCImageButton),
38                WT_CustomElementSelector.select(this.shadowRoot, `#numberkeyboard .backspace`, WT_TSCImageButton),
39            ]),
40            Promise.all([...Array(26)].map((value, index) => WT_CustomElementSelector.select(this.shadowRoot, `#key${String.fromCharCode(65 + index)}`, WT_TSCLabeledButton), this)),
41            Promise.all([...Array(10)].map((value, index) => WT_CustomElementSelector.select(this.shadowRoot, `#key${index}`, WT_TSCLabeledButton), this)),
42            WT_CustomElementSelector.select(this.shadowRoot, `#keyNorth`, WT_TSCLabeledButton),
43            WT_CustomElementSelector.select(this.shadowRoot, `#keySouth`, WT_TSCLabeledButton),
44            WT_CustomElementSelector.select(this.shadowRoot, `#keyEast`, WT_TSCLabeledButton),
45            WT_CustomElementSelector.select(this.shadowRoot, `#keyWest`, WT_TSCLabeledButton),
46        ]);
47    }
48
49    _initButtonListeners() {
50        this._numbersButton.addButtonListener(this._onNumbersButtonPressed.bind(this));
51        this._lettersButton.addButtonListener(this._onLettersButtonPressed.bind(this));
52        this._backspaceButtons.forEach(button => button.addButtonListener(this._onBackspaceButtonPressed.bind(this)), this);
53        this._letterKeys.forEach((button, index) => button.addButtonListener(this._onCharKeyPressed.bind(this, String.fromCharCode(65 + index))), this);
54        this._numberKeys.forEach((button, index) => button.addButtonListener(this._onCharKeyPressed.bind(this, String.fromCharCode(48 + index))), this);
55        this._northKey.addButtonListener(this._onCharKeyPressed.bind(this, "N"));
56        this._southKey.addButtonListener(this._onCharKeyPressed.bind(this, "S"));
57        this._eastKey.addButtonListener(this._onCharKeyPressed.bind(this, "E"));
58        this._westKey.addButtonListener(this._onCharKeyPressed.bind(this, "W"));
59    }
60
61    async _connectedCallbackHelper() {
62        await this._defineChildren();
63        this._initButtonListeners();
64        this._isInit = true;
65        this._updateFromKeyboardMode();
66    }
67
68    connectedCallback() {
69        this._connectedCallbackHelper();
70    }
71
72    _updateFromKeyboardMode() {
73        this._wrapper.setAttribute("mode", WT_G3x5_TSCAlphaNumKeyboard.KEYBOARD_MODE_ATTRIBUTES[this._keyboardMode]);
74    }
75
76    /**
77     *
78     * @param {WT_G3x5_TSCAlphaNumKeyboard.KeyboardMode} mode
79     */
80    setKeyboardMode(mode) {
81        if (this._keyboardMode === mode) {
82            return;
83        }
84
85        this._keyboardMode = mode;
86        if (this._isInit) {
87            this._updateFromKeyboardMode();
88        }
89    }
90
91    _onNumbersButtonPressed(button) {
92        this.setKeyboardMode(WT_G3x5_TSCAlphaNumKeyboard.KeyboardMode.NUMBERS);
93    }
94
95    _onLettersButtonPressed(button) {
96        this.setKeyboardMode(WT_G3x5_TSCAlphaNumKeyboard.KeyboardMode.LETTERS);
97    }
98
99    _notifyListeners(eventType, char) {
100        this._listeners.forEach(listener => listener(this, eventType, char), this);
101    }
102
103    _onBackspaceButtonPressed(button) {
104        this._notifyListeners(WT_G3x5_TSCAlphaNumKeyboard.EventType.BACKSPACE_PRESSED);
105    }
106
107    _onCharKeyPressed(char, button) {
108        this._notifyListeners(WT_G3x5_TSCAlphaNumKeyboard.EventType.CHAR_KEY_PRESSED, char);
109    }
110
111    /**
112     *
113     * @param {(source:WT_G3x5_TSCAlphaNumKeyboard, eventType:WT_G3x5_TSCAlphaNumKeyboard.EventType, char?:String) => void} listener
114     */
115    addListener(listener) {
116        this._listeners.push(listener);
117    }
118
119    /**
120     *
121     * @param {(source:WT_G3x5_TSCAlphaNumKeyboard, eventType:WT_G3x5_TSCAlphaNumKeyboard.EventType, char?:String) => void} listener
122     */
123    removeListener(listener) {
124        let index = this._listeners.indexOf(listener);
125        if (index >= 0) {
126            this._listeners.splice(index, 1);
127        }
128    }
129}
130/**
131 * @enum {Number}
132 */
133WT_G3x5_TSCAlphaNumKeyboard.KeyboardMode = {
134    LETTERS: 0,
135    NUMBERS: 1
136}
137WT_G3x5_TSCAlphaNumKeyboard.KEYBOARD_MODE_ATTRIBUTES = [
138    "letters",
139    "numbers"
140];
141/**
142 * @enum {Number}
143 */
144WT_G3x5_TSCAlphaNumKeyboard.EventType = {
145    CHAR_KEY_PRESSED: 0,
146    BACKSPACE_PRESSED: 1
147}
148WT_G3x5_TSCAlphaNumKeyboard.NAME = "wt-tsc-alphanumkeyboard";
149WT_G3x5_TSCAlphaNumKeyboard.TEMPLATE = document.createElement("template");
150WT_G3x5_TSCAlphaNumKeyboard.TEMPLATE.innerHTML = `
151    <style>
152        :host {
153            display: block;
154        }
155
156        #wrapper {
157            position: absolute;
158            left: var(--alphanumkeyboard-padding-left, 0px);
159            top: var(--alphanumkeyboard-padding-top, 0px);
160            width: calc(100% - var(--alphanumkeyboard-padding-left, 0px) - var(--alphanumkeyboard-padding-right, 0px));
161            height: calc(100% - var(--alphanumkeyboard-padding-top, 0px) - var(--alphanumkeyboard-padding-bottom, 0px));
162        }
163            .keyboard {
164                display: none;
165                position: absolute;
166                left: 0%;
167                top: 0%;
168                width: 100%;
169                height: 100%;
170                grid-template-rows: repeat(5, 1fr);
171                grid-template-columns: repeat(12, 1fr);
172                grid-gap: var(--alphanumkeyboard-grid-gap, 0.2em);
173                color: white;
174            }
175            .find {
176                font-size: var(--alphanumkeyboard-findbutton-font-size, 0.5em);
177                --button-img-image-top: -10%;
178                --button-img-image-height: 80%;
179                grid-area: 1 / 5 / span 1 / span 2;
180            }
181            .backspace {
182                font-size: var(--alphanumkeyboard-backspacebutton-font-size, 0.5em);
183                --button-img-label-top: 5%;
184                --button-img-label-height: 55%;
185                --button-img-image-top: 30%;
186                --button-img-image-height: 80%;
187                grid-area: 1 / 10 / span 1 / span 3;
188            }
189            .key {
190                grid-column-end: span 2;
191            }
192            #numbers,
193            #letters {
194                grid-area: 1 / 7 / span 1 / span 3;
195            }
196            #wrapper[mode="letters"] #letterkeyboard,
197            #wrapper[mode="numbers"] #numberkeyboard {
198                display: grid;
199            }
200                #keyNorth {
201                    grid-row-start: 2;
202                    grid-column-start: 1;
203                }
204                #keySouth {
205                    grid-row-start: 3;
206                    grid-column-start: 1;
207                }
208                #keyEast {
209                    grid-row-start: 4;
210                    grid-column-start: 1;
211                }
212                #keyWest {
213                    grid-row-start: 5;
214                    grid-column-start: 1;
215                }
216                #key1 {
217                    grid-row-start: 2;
218                    grid-column-start: 5;
219                }
220                #key2 {
221                    grid-row-start: 2;
222                    grid-column-start: 7;
223                }
224                #key3 {
225                    grid-row-start: 2;
226                    grid-column-start: 9;
227                }
228                #key4 {
229                    grid-row-start: 3;
230                    grid-column-start: 5;
231                }
232                #key5 {
233                    grid-row-start: 3;
234                    grid-column-start: 7;
235                }
236                #key6 {
237                    grid-row-start: 3;
238                    grid-column-start: 9;
239                }
240                #key7 {
241                    grid-row-start: 4;
242                    grid-column-start: 5;
243                }
244                #key8 {
245                    grid-row-start: 4;
246                    grid-column-start: 7;
247                }
248                #key9 {
249                    grid-row-start: 4;
250                    grid-column-start: 9;
251                }
252                #key0 {
253                    grid-row-start: 5;
254                    grid-column-start: 7;
255                }
256    </style>
257    <div id="wrapper">
258        <div id="letterkeyboard" class="keyboard">
259            <wt-tsc-button-label id="keyA" class="key" labeltext="A"></wt-tsc-button-label>
260            <wt-tsc-button-label id="keyB" class="key" labeltext="B"></wt-tsc-button-label>
261            <wt-tsc-button-label id="keyC" class="key" labeltext="C"></wt-tsc-button-label>
262            <wt-tsc-button-label id="keyD" class="key" labeltext="D"></wt-tsc-button-label>
263            <wt-tsc-button-label id="keyE" class="key" labeltext="E"></wt-tsc-button-label>
264            <wt-tsc-button-label id="keyF" class="key" labeltext="F"></wt-tsc-button-label>
265            <wt-tsc-button-label id="keyG" class="key" labeltext="G"></wt-tsc-button-label>
266            <wt-tsc-button-label id="keyH" class="key" labeltext="H"></wt-tsc-button-label>
267            <wt-tsc-button-label id="keyI" class="key" labeltext="I"></wt-tsc-button-label>
268            <wt-tsc-button-label id="keyJ" class="key" labeltext="J"></wt-tsc-button-label>
269            <wt-tsc-button-label id="keyK" class="key" labeltext="K"></wt-tsc-button-label>
270            <wt-tsc-button-label id="keyL" class="key" labeltext="L"></wt-tsc-button-label>
271            <wt-tsc-button-label id="keyM" class="key" labeltext="M"></wt-tsc-button-label>
272            <wt-tsc-button-label id="keyN" class="key" labeltext="N"></wt-tsc-button-label>
273            <wt-tsc-button-label id="keyO" class="key" labeltext="O"></wt-tsc-button-label>
274            <wt-tsc-button-label id="keyP" class="key" labeltext="P"></wt-tsc-button-label>
275            <wt-tsc-button-label id="keyQ" class="key" labeltext="Q"></wt-tsc-button-label>
276            <wt-tsc-button-label id="keyR" class="key" labeltext="R"></wt-tsc-button-label>
277            <wt-tsc-button-label id="keyS" class="key" labeltext="S"></wt-tsc-button-label>
278            <wt-tsc-button-label id="keyT" class="key" labeltext="T"></wt-tsc-button-label>
279            <wt-tsc-button-label id="keyU" class="key" labeltext="U"></wt-tsc-button-label>
280            <wt-tsc-button-label id="keyV" class="key" labeltext="V"></wt-tsc-button-label>
281            <wt-tsc-button-label id="keyW" class="key" labeltext="W"></wt-tsc-button-label>
282            <wt-tsc-button-label id="keyX" class="key" labeltext="X"></wt-tsc-button-label>
283            <wt-tsc-button-label id="keyY" class="key" labeltext="Y"></wt-tsc-button-label>
284            <wt-tsc-button-label id="keyZ" class="key" labeltext="Z"></wt-tsc-button-label>
285            <wt-tsc-button-img class="find" labeltext="Find" enabled="false" imgsrc="/WTg3000/SDK/Assets/Images/Garmin/TSC/ICON_TSC_FIND.png"></wt-tsc-button-img>
286            <wt-tsc-button-label id="numbers" labeltext="123..."></wt-tsc-button-label>
287            <wt-tsc-button-img class="backspace" labeltext="Backspace" imgsrc="/WTg3000/SDK/Assets/Images/Garmin/TSC/ICON_MAP_BKSP.png"></wt-tsc-button-img>
288        </div>
289        <div id="numberkeyboard" class="keyboard">
290            <wt-tsc-button-label id="keyNorth" class="key" labeltext="N"></wt-tsc-button-label>
291            <wt-tsc-button-label id="key1" class="key" labeltext="1"></wt-tsc-button-label>
292            <wt-tsc-button-label id="key2" class="key" labeltext="2"></wt-tsc-button-label>
293            <wt-tsc-button-label id="key3" class="key" labeltext="3"></wt-tsc-button-label>
294            <wt-tsc-button-label id="keySouth" class="key" labeltext="S"></wt-tsc-button-label>
295            <wt-tsc-button-label id="key4" class="key" labeltext="4"></wt-tsc-button-label>
296            <wt-tsc-button-label id="key5" class="key" labeltext="5"></wt-tsc-button-label>
297            <wt-tsc-button-label id="key6" class="key" labeltext="6"></wt-tsc-button-label>
298            <wt-tsc-button-label id="keyEast" class="key" labeltext="E"></wt-tsc-button-label>
299            <wt-tsc-button-label id="key7" class="key" labeltext="7"></wt-tsc-button-label>
300            <wt-tsc-button-label id="key8" class="key" labeltext="8"></wt-tsc-button-label>
301            <wt-tsc-button-label id="key9" class="key" labeltext="9"></wt-tsc-button-label>
302            <wt-tsc-button-label id="key0" class="key" labeltext="0"></wt-tsc-button-label>
303            <wt-tsc-button-label id="keyWest" class="key" labeltext="W"></wt-tsc-button-label>
304            <wt-tsc-button-img class="find" labeltext="Find" enabled="false"></wt-tsc-button-img>
305            <wt-tsc-button-label id="letters" labeltext="ABC..."></wt-tsc-button-label>
306            <wt-tsc-button-img class="backspace" labeltext="Backspace" imgsrc="/WTg3000/SDK/Assets/Images/Garmin/TSC/ICON_TSC_FIND.png"></wt-tsc-button-img>
307        </div>
308    </div>
309`;
310
311customElements.define(WT_G3x5_TSCAlphaNumKeyboard.NAME, WT_G3x5_TSCAlphaNumKeyboard);
Full Screen

Accelerate Your Automation Test Cycles With LambdaTest

Leverage LambdaTest’s cloud-based platform to execute your automation tests in parallel and trim down your test execution time significantly. Your first 100 automation testing minutes are on us.

Try LambdaTest

Run JavaScript Tests on LambdaTest Cloud Grid

Execute automation tests with Protractor on a cloud-based Grid of 3000+ real browsers and operating systems for both web and mobile applications.

Test now for Free
LambdaTestX

We use cookies to give you the best experience. Cookies help to provide a more personalized experience and relevant advertising for you, and web analytics for us. Learn More in our Cookies policy, Privacy & Terms of service

Allow Cookie
Sarah

I hope you find the best code examples for your project.

If you want to accelerate automated browser testing, try LambdaTest. Your first 100 automation testing minutes are FREE.

Sarah Elson (Product & Growth Lead)