How to use dataAttr method in Cypress

1(function() {

2    'use strict';
3
4    /**
5     * All of the code for your public-facing JavaScript source
6     * should reside in this file.
7     *
8     * Note: It has been assumed you will write jQuery code here, so the
9     * $ function reference has been prepared for usage within the scope
10     * of this function.
11     *
12     * This enables you to define handlers, for when the DOM is ready:
13     *
14     * $(function() {
15	 *
16	 * });
17     *
18     * When the window is loaded:
19     *
20     * $( window ).load(function() {
21	 *
22	 * });
23     *
24     * ...and/or other possibilities.
25     *
26     * Ideally, it is not considered best practise to attach more than a
27     * single DOM-ready or window-load handler for a particular page.
28     * Although scripts in the WordPress core, Plugins and Themes may be
29     * practising this, we should strive to set a better example in our own work.
30     */
31
32
33    jQuery(document).ready(function($) {
34
35        $('.lgx-logo-carousel').each(function(){
36            var $logoitem = $(this);
37            var dataAttr = $logoitem.data();
38           //console.log(dataAttr.autoplayhoverpause);
39            var logocarouselParams = {
40                addClassActive:true,
41                loop:dataAttr.loop,
42                dots:dataAttr.dots,
43                autoplay:dataAttr.autoplay,
44                lazyLoad: dataAttr.lazyload,
45                autoplayTimeout:dataAttr.autoplaytimeout,
46                margin:dataAttr.margin,
47                autoplayHoverPause:dataAttr.autoplayhoverpause,
48                navText :['<img src="'+logosliderwp.owl_navigationTextL+'" alt="Left"/>','<img src="'+logosliderwp.owl_navigationTextR+'" alt="Right"/>'],
49                smartSpeed:dataAttr.smartspeed,
50                slideSpeed : dataAttr.slidespeed,
51                paginationSpeed : dataAttr.paginationspeed,
52                rewindSpeed : dataAttr.rewindspeed,
53                responsiveClass:true,
54                responsive:{
55                    // Item in Mobile Devices (Less than 768px)
56                    0:{
57                        items:dataAttr.itemmobile,
58                        nav:dataAttr.navmobile
59                    },
60                    // Item in Tablets Devices (768px and Up)
61                    768:{
62                        items:dataAttr.itemtablet,
63                        nav:dataAttr.navtablet
64                    },
65                    // Item in Desktops Devices (Desktops 992px)
66
67                    992:{
68                        items:dataAttr.itemdesk,
69                        nav:dataAttr.navdesk
70                    },
71                    // Item in Large Desktops Devices (1200px and Up)
72                    1200:{
73                        items:dataAttr.itemlarge,
74                        nav:dataAttr.navlarge
75                    }
76                }
77
78            };
79            $logoitem.owlCarousel(logocarouselParams);
80            //
81        });
82
83    });
84
85
86
87})();
88

Source: logo-slider-wp-public.js

(function() {

    'use strict';

    /**
     * All of the code for your public-facing JavaScript source
     * should reside in this file.
     *
     * Note: It has been assumed you will write jQuery code here, so the
     * $ function reference has been prepared for usage within the scope
     * of this function.
     *
     * This enables you to define handlers, for when the DOM is ready:
     *
     * $(function() {
	 *
	 * });
     *
     * When the window is loaded:
     *
     * $( window ).load(function() {
	 *
	 * });
     *
     * ...and/or other possibilities.
     *
     * Ideally, it is not considered best practise to attach more than a
     * single DOM-ready or window-load handler for a particular page.
     * Although scripts in the WordPress core, Plugins and Themes may be
     * practising this, we should strive to set a better example in our own work.
     */


    jQuery(document).ready(function($) {

        $('.lgx-logo-carousel').each(function(){
            var $logoitem = $(this);
            var dataAttr = $logoitem.data();
           //console.log(dataAttr.autoplayhoverpause);
            var logocarouselParams = {
                addClassActive:true,
                loop:dataAttr.loop,
                dots:dataAttr.dots,
                autoplay:dataAttr.autoplay,
                lazyLoad: dataAttr.lazyload,
                autoplayTimeout:dataAttr.autoplaytimeout,
                margin:dataAttr.margin,
                autoplayHoverPause:dataAttr.autoplayhoverpause,
                navText :['<img src="'+logosliderwp.owl_navigationTextL+'" alt="Left"/>','<img src="'+logosliderwp.owl_navigationTextR+'" alt="Right"/>'],
                smartSpeed:dataAttr.smartspeed,
                slideSpeed : dataAttr.slidespeed,
                paginationSpeed : dataAttr.paginationspeed,
                rewindSpeed : dataAttr.rewindspeed,
                responsiveClass:true,
                responsive:{
                    // Item in Mobile Devices (Less than 768px)
                    0:{
                        items:dataAttr.itemmobile,
                        nav:dataAttr.navmobile
                    },
                    // Item in Tablets Devices (768px and Up)
                    768:{
                        items:dataAttr.itemtablet,
                        nav:dataAttr.navtablet
                    },
                    // Item in Desktops Devices (Desktops 992px)

                    992:{
                        items:dataAttr.itemdesk,
                        nav:dataAttr.navdesk
                    },
                    // Item in Large Desktops Devices (1200px and Up)
                    1200:{
                        items:dataAttr.itemlarge,
                        nav:dataAttr.navlarge
                    }
                }

            };
            $logoitem.owlCarousel(logocarouselParams);
            //
        });

    });



})();

1(function() {
2    'use strict';
3
4    /**
5     * All of the code for your public-facing JavaScript source
6     * should reside in this file.
7     *
8     * Note: It has been assumed you will write jQuery code here, so the
9     * $ function reference has been prepared for usage within the scope
10     * of this function.
11     *
12     * This enables you to define handlers, for when the DOM is ready:
13     *
14     * $(function() {
15	 *
16	 * });
17     *
18     * When the window is loaded:
19     *
20     * $( window ).load(function() {
21	 *
22	 * });
23     *
24     * ...and/or other possibilities.
25     *
26     * Ideally, it is not considered best practise to attach more than a
27     * single DOM-ready or window-load handler for a particular page.
28     * Although scripts in the WordPress core, Plugins and Themes may be
29     * practising this, we should strive to set a better example in our own work.
30     */
31
32
33    jQuery(document).ready(function($) {
34
35        $('.lgx-carousel').each(function(){
36            var $item = $(this);
37            var dataAttr = $item.data();
38             //console.log(dataAttr.navlarge);
39            var carouselParams = {
40               //items:dataAttr.item,
41                loop:dataAttr.loop,
42                dots:dataAttr.dots,
43                autoplay:dataAttr.autoplay,
44                lazyLoad: dataAttr.lazyload,
45                autoplayTimeout:dataAttr.autoplaytimeout,
46                margin:dataAttr.margin,
47                nav:dataAttr.nav,
48                addClassActive:dataAttr.addclassactive,
49                autoplayHoverPause:dataAttr.autoplayhoverPause,
50                video:dataAttr.video,
51                animateOut:dataAttr.animateout,
52                animateIn:dataAttr.animatein,
53                navText :['<img src="'+lgxcarousel.owl_navigationTextL+'" alt="Left"/>','<img src="'+lgxcarousel.owl_navigationTextR+'" alt="Right"/>'],
54                videoHeight: dataAttr.videoheight,
55                videoWidth: dataAttr.videowidth,
56                smartSpeed:dataAttr.smartspeed,
57                slideSpeed : dataAttr.slidespeed,
58                paginationSpeed : dataAttr.paginationspeed,
59                rewindSpeed : dataAttr.rewindspeed,
60                responsiveClass:true,
61                responsive:{
62                    // Item in Mobile Devices (Less than 768px)
63                    0:{
64                        items:dataAttr.itemmobile,
65                        nav:dataAttr.navmobile
66                    },
67                    // Item in Tablets Devices (768px and Up)
68                    768:{
69                        items:dataAttr.itemtablet,
70                        nav:dataAttr.navtablet
71                    },
72                    // Item in Desktops Devices (Desktops 992px)
73
74                    992:{
75                        items:dataAttr.itemdesk,
76                        nav:dataAttr.navdesk
77                    },
78                    // Item in Large Desktops Devices (1200px and Up)
79                    1200:{
80                        items:dataAttr.itemlarge,
81                        nav:dataAttr.navlarge
82                    }
83                }
84
85            };
86            $item.owlCarousel(carouselParams);
87            //
88        });
89
90    });
91
92
93
94})();
95

Source: lgx-owl-carousel-public.js

(function() {
    'use strict';

    /**
     * All of the code for your public-facing JavaScript source
     * should reside in this file.
     *
     * Note: It has been assumed you will write jQuery code here, so the
     * $ function reference has been prepared for usage within the scope
     * of this function.
     *
     * This enables you to define handlers, for when the DOM is ready:
     *
     * $(function() {
	 *
	 * });
     *
     * When the window is loaded:
     *
     * $( window ).load(function() {
	 *
	 * });
     *
     * ...and/or other possibilities.
     *
     * Ideally, it is not considered best practise to attach more than a
     * single DOM-ready or window-load handler for a particular page.
     * Although scripts in the WordPress core, Plugins and Themes may be
     * practising this, we should strive to set a better example in our own work.
     */


    jQuery(document).ready(function($) {

        $('.lgx-carousel').each(function(){
            var $item = $(this);
            var dataAttr = $item.data();
             //console.log(dataAttr.navlarge);
            var carouselParams = {
               //items:dataAttr.item,
                loop:dataAttr.loop,
                dots:dataAttr.dots,
                autoplay:dataAttr.autoplay,
                lazyLoad: dataAttr.lazyload,
                autoplayTimeout:dataAttr.autoplaytimeout,
                margin:dataAttr.margin,
                nav:dataAttr.nav,
                addClassActive:dataAttr.addclassactive,
                autoplayHoverPause:dataAttr.autoplayhoverPause,
                video:dataAttr.video,
                animateOut:dataAttr.animateout,
                animateIn:dataAttr.animatein,
                navText :['<img src="'+lgxcarousel.owl_navigationTextL+'" alt="Left"/>','<img src="'+lgxcarousel.owl_navigationTextR+'" alt="Right"/>'],
                videoHeight: dataAttr.videoheight,
                videoWidth: dataAttr.videowidth,
                smartSpeed:dataAttr.smartspeed,
                slideSpeed : dataAttr.slidespeed,
                paginationSpeed : dataAttr.paginationspeed,
                rewindSpeed : dataAttr.rewindspeed,
                responsiveClass:true,
                responsive:{
                    // Item in Mobile Devices (Less than 768px)
                    0:{
                        items:dataAttr.itemmobile,
                        nav:dataAttr.navmobile
                    },
                    // Item in Tablets Devices (768px and Up)
                    768:{
                        items:dataAttr.itemtablet,
                        nav:dataAttr.navtablet
                    },
                    // Item in Desktops Devices (Desktops 992px)

                    992:{
                        items:dataAttr.itemdesk,
                        nav:dataAttr.navdesk
                    },
                    // Item in Large Desktops Devices (1200px and Up)
                    1200:{
                        items:dataAttr.itemlarge,
                        nav:dataAttr.navlarge
                    }
                }

            };
            $item.owlCarousel(carouselParams);
            //
        });

    });



})();