describe('Document', function () {
    afterEach(function () {
        [...Artplayer.instances].forEach((art) => {
            art.destroy(true);
        });
    });

    function testAll(art, done) {
        let isDone = false;
        art.on('ready', () => {
            expect(art.id).to.be.an('number');

            if (!isDone) {
                isDone = true;
                done();
            }
        });

        art.on('video:error', () => {
            expect(art.id).to.be.an('number');

            if (!isDone) {
                isDone = true;
                done();
            }
        });

        setTimeout(() => {
            expect(art.id).to.be.an('number');

            if (!isDone) {
                isDone = true;
                done();
            }
        }, 1000);
    }

    it('Test0', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            var $video = art.template.query('.art-video');
            console.info($video);
        });

        testAll(art, done);
    });

    it('Test1', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            var $video = art.query('.art-video');
            console.info($video);
        });

        testAll(art, done);
    });

    it('Test2', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.storage.set('your-key', 'your-value');
        art.storage.get('your-key');
        art.storage.del('your-key');
        art.storage.clear();

        testAll(art, done);
    });

    it('Test3', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            console.info(art.i18n.get('Play'));
        });

        testAll(art, done);
    });

    it('Test4', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            lang: 'jp',
        });
        art.i18n.update({
            'zh-cn': {
                Language: '简体',
            },
            'zh-tw': {
                Language: '繁體',
            },
            en: {
                Language: 'English',
            },
            jp: {
                Language: '日文',
            },
            fr: {
                Language: 'Français',
            },
            ru: {
                Language: 'Russe',
            },
        });

        testAll(art, done);
    });

    it('Test5', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            subtitle: {
                url: './assets/sample/subtitle.srt',
            },
        });
        art.on('ready', () => {
            art.seek = 20;
            art.subtitle.show = false;
            setTimeout(() => {
                art.subtitle.show = true;
            }, 3000);
        });

        testAll(art, done);
    });

    it('Test6', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            subtitle: {
                url: './assets/sample/subtitle.srt',

                encoding: 'utf-8',

                style: {
                    color: '#03A9F4',

                    'font-size': '30px',
                },
            },
        });
        art.on('ready', () => {
            art.seek = 20;
            setTimeout(() => {
                art.subtitle.style({
                    color: 'red',

                    'font-size': '40px',
                });
            }, 3000);
        });

        testAll(art, done);
    });

    it('Test7', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            subtitle: {
                url: './assets/sample/subtitle.srt',

                encoding: 'utf-8',

                style: {
                    color: '#03A9F4',

                    'font-size': '30px',
                },
            },
        });
        art.on('ready', () => {
            console.info(art.subtitle.url);
            setTimeout(() => {
                art.subtitle.url = './assets/sample/subtitle.srt?t=1';
            }, 3000);
        });

        testAll(art, done);
    });

    it('Test8', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            subtitle: {
                url: './assets/sample/subtitle.srt',

                encoding: 'utf-8',

                style: {
                    color: 'red',

                    'font-size': '30px',
                },
            },
        });
        art.on('ready', () => {
            art.seek = 20;
            setTimeout(() => {
                art.subtitle.switch('./assets/sample/subtitle.srt?t=1', {
                    name: 'The new subtitle',

                    style: {
                        color: 'green',

                        'font-size': '24px',
                    },
                });
            }, 3000);
        });

        testAll(art, done);
    });

    it('Test9', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        var img = './assets/sample/layer.png';
        art.on('ready', () => {
            setTimeout(() => {
                art.layers.add({
                    html: `<img style="width: 100px" src="${img}">`,

                    style: {
                        position: 'absolute',

                        top: '20px',

                        right: '20px',

                        opacity: '.9',
                    },
                });
            }, 3000);
        });

        testAll(art, done);
    });

    it('Test10', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            art.notice.show = '自定义提示信息1';
            art.notice.show = '自定义提示信息2';
        });

        testAll(art, done);
    });

    it('Test11', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            setTimeout(() => {
                art.controls.show = false;
            }, 3000);
        });

        testAll(art, done);
    });

    it('Test12', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            setTimeout(() => {
                art.controls.add({
                    position: 'right',

                    index: 10,

                    html: '自定义按钮',

                    tooltip: '自定义按钮的提示',

                    click: function () {
                        console.log('你点击了自定义按钮');
                    },
                });
            }, 3000);
        });

        testAll(art, done);
    });

    it('Test13', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            art.contextmenu.show = true;
            setTimeout(() => {
                art.contextmenu.show = false;
            }, 3000);
        });

        testAll(art, done);
    });

    it('Test14', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            art.contextmenu.show = true;
            setTimeout(() => {
                art.contextmenu.add({
                    html: '自定义菜单',

                    click: function () {
                        console.info('你点击了自定义菜单');

                        art.contextmenu.show = false;
                    },
                });
            }, 3000);
        });

        testAll(art, done);
    });

    it('Test15', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            art.loading.show = true;
            setTimeout(() => {
                art.loading.show = false;
            }, 3000);
        });

        testAll(art, done);
    });

    it('Test16', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            art.mask.show = true;
            setTimeout(() => {
                art.mask.show = false;
            }, 3000);
        });

        testAll(art, done);
    });

    it('Test17', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            art.hotkey.add(65, () => {
                console.info('你点击了 A 键');
            });
            art.hotkey.add(66, () => {
                console.info('你点击了 B 键');
            });
        });

        testAll(art, done);
    });

    it('Test18', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            setting: true,
            autoSize: true,
        });
        art.on('ready', () => {
            art.seek = 20;
            art.setting.show = true;
            setTimeout(() => {
                art.setting.show = false;
            }, 3000);
        });

        testAll(art, done);
    });

    it('Test19', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            console.info(Artplayer.instances);
        });

        testAll(art, done);
    });

    it('Test20', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('video:play', (...args) => {
            console.info(args);
        });

        testAll(art, done);
    });

    it('Test21', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', (...args) => {
            console.info(args);
        });

        testAll(art, done);
    });

    it('Test22', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('play', (...args) => {
            console.info(args);
        });

        testAll(art, done);
    });

    it('Test23', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('pause', (...args) => {
            console.info(args);
        });

        testAll(art, done);
    });

    it('Test24', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('seek', (...args) => {
            console.info(args);
        });
        art.on('ready', (...args) => {
            art.seek = 5;
        });

        testAll(art, done);
    });

    it('Test25', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('volume', (...args) => {
            console.info(args);
        });
        art.on('ready', (...args) => {
            art.volume = 0.5;
        });

        testAll(art, done);
    });

    it('Test26', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('destroy', (...args) => {
            console.info(args);
        });
        art.on('ready', (...args) => {
            art.destroy();
        });

        testAll(art, done);
    });

    it('Test27', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('focus', (...args) => {
            console.info(args);
        });

        testAll(art, done);
    });

    it('Test28', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('blur', (...args) => {
            console.info(args);
        });

        testAll(art, done);
    });

    it('Test29', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('hover', (state) => {
            // state 为true时，鼠标从外面移进播放器
            // state 为false时，鼠标从播放器移出外面
            console.info(state);
        });

        testAll(art, done);
    });

    it('Test30', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            autoSize: true,
        });
        art.on('resize', (...args) => {
            console.info(args);
        });

        testAll(art, done);
    });

    it('Test31', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('mousemove', (...args) => {
            console.info(args);
        });

        testAll(art, done);
    });

    it('Test32', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('url', (...args) => {
            console.info(args);
        });
        art.on('ready', (...args) => {
            art.url = './assets/sample/video.mp4?t=0';
        });

        testAll(art, done);
    });

    it('Test33', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            fullscreen: true,
        });
        art.on('fullscreen', (...args) => {
            console.info(args);
        });

        testAll(art, done);
    });

    it('Test34', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            fullscreenWeb: true,
        });
        art.on('fullscreenWeb', (...args) => {
            console.info(args);
        });

        testAll(art, done);
    });

    it('Test35', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('hotkey', (...args) => {
            console.info(args);
        });

        testAll(art, done);
    });

    it('Test36', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            // container: document.querySelector('.artplayer-app'),
            url: './assets/sample/video.mp4',
        });

        testAll(art, done);
    });

    it('Test37', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });

        testAll(art, done);
    });

    it('Test38', function (done) {
        var art = new Artplayer(
            {
                container: '.artplayer-app',

                url: './assets/sample/video.mp4',

                muted: true,
            },
            function () {
                this.play();
            },
        );

        testAll(art, done);
    });

    it('Test39', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            poster: './assets/sample/poster.jpg',
        });

        testAll(art, done);
    });

    it('Test40', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            title: '【新海诚动画】『秒速5センチメートル』',
            screenshot: true,
        });

        testAll(art, done);
    });

    it('Test41', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            theme: '#ffad00',
        });

        testAll(art, done);
    });

    it('Test42', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            volume: 0.5,
        });

        testAll(art, done);
    });

    it('Test43', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            isLive: true,
        });

        testAll(art, done);
    });

    it('Test44', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            muted: true,
        });

        testAll(art, done);
    });

    it('Test45', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            autoplay: true,
            muted: true,
        });

        testAll(art, done);
    });

    it('Test46', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            autoMini: true,
        });

        testAll(art, done);
    });

    it('Test47', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            loop: true,
        });

        testAll(art, done);
    });

    it('Test48', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            flip: true,
            setting: true,
        });

        testAll(art, done);
    });

    it('Test49', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            playbackRate: true,
            setting: true,
        });

        testAll(art, done);
    });

    it('Test50', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            aspectRatio: true,
            setting: true,
        });

        testAll(art, done);
    });

    it('Test51', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            screenshot: true,
            // 可选
            moreVideoAttr: {
                crossOrigin: 'anonymous',
            },
        });

        testAll(art, done);
    });

    it('Test52', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            setting: true,
        });

        testAll(art, done);
    });

    it('Test53', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            hotkey: true,
        });

        testAll(art, done);
    });

    it('Test54', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            pip: true,
        });

        testAll(art, done);
    });

    it('Test55', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            mutex: true,
        });

        testAll(art, done);
    });

    it('Test56', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            fullscreen: true,
        });

        testAll(art, done);
    });

    it('Test57', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            fullscreenWeb: true,
        });

        testAll(art, done);
    });

    it('Test58', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            subtitle: {
                url: './assets/sample/subtitle.srt',
            },
            setting: true,
            subtitleOffset: true,
        });

        testAll(art, done);
    });

    it('Test59', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            miniProgressBar: true,
        });

        testAll(art, done);
    });

    it('Test60', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            playsInline: true,
        });

        testAll(art, done);
    });

    it('Test61', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            setting: true,
            settings: [
                {
                    html: '自定义设置01',

                    selector: [
                        {
                            html: '子菜单01',
                        },

                        {
                            html: '子菜单02',
                        },
                    ],

                    onSelect: function (item) {
                        console.log(item.html);
                    },
                },

                {
                    html: '自定义设置02',

                    selector: [
                        {
                            html: '子菜单01',
                        },

                        {
                            html: '子菜单02',
                        },
                    ],

                    onSelect: function (item) {
                        console.log(item.html);
                    },
                },
            ],
        });

        testAll(art, done);
    });

    it('Test62', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            contextmenu: [
                {
                    html: '自定义菜单',

                    click: function () {
                        console.info('你点击了自定义菜单');

                        art.contextmenu.show = false;
                    },
                },
            ],
        });
        art.on('ready', () => {
            art.contextmenu.show = true;
        });

        testAll(art, done);
    });

    it('Test63', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            controls: [
                {
                    disable: false,

                    name: 'button',

                    index: 10,

                    position: 'right',

                    html: '自定义按钮',

                    tooltip: '自定义按钮的提示1',

                    style: {
                        color: 'red',
                    },

                    click: function () {
                        console.log('你点击了自定义按钮1');
                    },

                    mounted: function () {
                        console.log('自定义按钮挂载完成1');
                    },
                },

                {
                    position: 'left',

                    html: '自定义按钮2',

                    tooltip: '自定义按钮的提示2',

                    style: {
                        color: 'green',
                    },

                    click: function () {
                        console.log('你点击了自定义按钮2');
                    },
                },
            ],
        });

        testAll(art, done);
    });

    it('Test64', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            quality: [
                {
                    default: true,

                    html: 'SD 480P',

                    url: './assets/sample/video.mp4',
                },

                {
                    html: 'HD 720P',

                    url: './assets/sample/video.mp4',
                },
            ],
        });

        testAll(art, done);
    });

    it('Test65', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            highlight: [
                {
                    time: 60,

                    text: 'One more chance',
                },

                {
                    time: 120,

                    text: '谁でもいいはずなのに',
                },

                {
                    time: 180,

                    text: '夏の想い出がまわる',
                },

                {
                    time: 240,

                    text: 'こんなとこにあるはずもないのに',
                },

                {
                    time: 300,

                    text: '－－终わり－－',
                },
            ],
        });

        testAll(art, done);
    });

    it('Test66', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            // whitelist: [(ua) => /iPhone OS 11/gi.test(ua)],
            // whitelist: [/iPhone OS 11/gi],
            // whitelist: ['iPhone OS 11'],
            whitelist: ['*'],
        });

        testAll(art, done);
    });

    it('Test67', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            thumbnails: {
                url: './assets/sample/thumbnails.png',

                number: 100,

                column: 10,
            },
        });

        testAll(art, done);
    });

    it('Test68', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            subtitle: {
                url: './assets/sample/subtitle.srt',

                type: 'srt',

                encoding: 'utf-8',

                style: {
                    color: '#03A9F4',

                    'font-size': '30px',
                },
            },
        });

        testAll(art, done);
    });

    it('Test69', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            moreVideoAttr: {
                'webkit-playsinline': true,

                playsInline: true,
            },
        });

        testAll(art, done);
    });

    it('Test70', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            icons: {
                loading: '<img src="./assets/img/ploading.gif">',

                state: '<img src="./assets/img/state.png">',

                play: '',

                pause: '',

                check: '',

                volume: '',

                volumeClose: '',

                screenshot: '',

                setting: '',

                pip: '',

                arrowLeft: '',

                arrowRight: '',

                playbackRate: '',

                aspectRatio: '',

                config: '',

                lock: '',

                flip: '',

                unlock: '',

                fullscreenOff: '',

                fullscreenOn: '',

                fullscreenWebOff: '',

                fullscreenWebOn: '',

                switchOn: '',

                switchOff: '',

                error: '',

                indicator: '',
            },
        });

        testAll(art, done);
    });

    it('Test71', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.flv',
            type: 'flv',
        });

        testAll(art, done);
    });

    it('Test72', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.flv',
            customType: {
                flv: function (video, url, art) {
                    // video: 视频dom元素
                    // url: 视频地址
                    // art: 当前实例
                },
            },
        });

        testAll(art, done);
    });

    it('Test73', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            lang: 'en',
        });

        testAll(art, done);
    });

    it('Test74', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            lock: true,
        });

        testAll(art, done);
    });

    it('Test75', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            fastForward: true,
        });

        testAll(art, done);
    });

    it('Test76', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            autoPlayback: true,
        });

        testAll(art, done);
    });

    it('Test77', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            autoOrientation: true,
        });

        testAll(art, done);
    });

    it('Test78', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            airplay: true,
        });

        testAll(art, done);
    });

    it('Test79', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            autoSize: true,
            fullscreen: true,
            fullscreenWeb: true,
            plugins: [
                artplayerPluginAds({
                    // html广告，假如是视频广告则忽略该值

                    html: '<img src="./assets/sample/poster.jpg">',

                    // 视频广告的地址

                    video: './assets/sample/test1.mp4',

                    // 广告跳转网址，为空则不跳转

                    url: 'http://artplayer.org',

                    // 必须观看的时长，期间不能被跳过，单位为秒

                    // 当该值大于或等于totalDuration时，不能提前关闭广告

                    // 当该值等于或小于0时，则随时都可以关闭广告

                    playDuration: 5,

                    // 广告总时长，单位为秒

                    totalDuration: 10,

                    // 视频广告是否默认静音

                    muted: false,

                    // 多语言支持

                    i18n: {
                        close: '关闭广告',

                        countdown: '%s秒',

                        detail: '查看详情',

                        canBeClosed: '%s秒后可关闭广告',
                    },
                }),
            ],
        });
        art.on('artplayerPluginAds:click', (ads) => {
            console.info('广告被点击', ads);
        });
        art.on('artplayerPluginAds:skip', (ads) => {
            console.info('广告被跳过', ads);
        });

        testAll(art, done);
    });

    it('Test80', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            autoSize: true,
            setting: true,
            playbackRate: true,
            fullscreenWeb: true,
            plugins: [
                artplayerPluginDanmuku({
                    // 弹幕数组

                    danmuku: [
                        {
                            text: '111', // 弹幕文本

                            time: 1, // 发送时间，单位秒

                            color: '#fff', // 弹幕局部颜色

                            border: false, // 是否显示描边

                            mode: 0, // 弹幕模式: 0表示滚动、1静止
                        },

                        {
                            text: '222',

                            time: 2,

                            color: 'red',

                            border: true,

                            mode: 0,
                        },

                        {
                            text: '333',

                            time: 3,

                            color: 'green',

                            border: false,

                            mode: 1,
                        },
                    ],

                    speed: 5, // 弹幕持续时间，单位秒，范围在[1 ~ 10]

                    opacity: 1, // 弹幕透明度，范围在[0 ~ 1]

                    fontSize: 25, // 字体大小，支持数字和百分比

                    color: '#FFFFFF', // 默认字体颜色

                    mode: 0, // 默认模式，0-滚动，1-静止

                    margin: [10, '25%'], // 弹幕上下边距，支持数字和百分比

                    antiOverlap: true, // 是否防重叠

                    useWorker: true, // 是否使用 web worker

                    synchronousPlayback: false, // 是否同步到播放速度

                    filter: (danmu) => danmu.text.length < 50, // 弹幕过滤函数，返回 true 则可以发送

                    lockTime: 5, // 输入框锁定时间，单位秒，范围在[1 ~ 60]

                    maxLength: 100, // 输入框最大可输入的字数，范围在[0 ~ 500]

                    minWidth: 200, // 输入框最小宽度，范围在[0 ~ 500]，填 0 则为无限制

                    maxWidth: 400, // 输入框最大宽度，范围在[0 ~ Infinity]，填 0 则为 100% 宽度

                    theme: 'dark', // 输入框自定义挂载时的主题色，默认为 dark，可以选填亮色 light

                    beforeEmit: (danmu) => !!danmu.text.trim(), // 发送弹幕前的自定义校验，返回 true 则可以发送

                    // 通过 mount 选项可以自定义输入框挂载的位置，默认挂载于播放器底部，仅在当宽度小于最小值时生效

                    // mount: document.querySelector('.artplayer-danmuku'),
                }),
            ],
        });

        testAll(art, done);
    });

    it('Test81', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            plugins: [
                artplayerPluginDanmuku({
                    // 弹幕 XML 文件，和 Bilibili 网站的弹幕格式一致

                    danmuku: './assets/sample/danmuku.xml',
                }),
            ],
        });

        testAll(art, done);
    });

    it('Test82', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            plugins: [
                artplayerPluginDanmuku({
                    // 使用 Promise 异步返回

                    danmuku: function () {
                        return new Promise((resovle) => {
                            return resovle([
                                {
                                    text: '111',

                                    time: 1,
                                },

                                {
                                    text: '222',

                                    time: 2,
                                },

                                {
                                    text: '333',

                                    time: 3,
                                },
                            ]);
                        });
                    },
                }),
            ],
        });

        testAll(art, done);
    });

    it('Test83', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            plugins: [
                artplayerPluginDanmuku({
                    danmuku: './assets/sample/danmuku.xml',
                }),
            ],
            controls: [
                {
                    position: 'right',

                    html: '隐藏弹幕',

                    click: function () {
                        art.plugins.artplayerPluginDanmuku.hide();
                    },
                },

                {
                    position: 'right',

                    html: '显示弹幕',

                    click: function () {
                        art.plugins.artplayerPluginDanmuku.show();
                    },
                },
            ],
        });

        testAll(art, done);
    });

    it('Test84', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            plugins: [
                artplayerPluginDanmuku({
                    danmuku: './assets/sample/danmuku.xml',
                }),
            ],
            controls: [
                {
                    position: 'right',

                    html: '隐藏弹幕',

                    click: function (_, event) {
                        if (art.plugins.artplayerPluginDanmuku.isHide) {
                            art.plugins.artplayerPluginDanmuku.show();

                            event.target.innerText = '隐藏弹幕';
                        } else {
                            art.plugins.artplayerPluginDanmuku.hide();

                            event.target.innerText = '显示弹幕';
                        }
                    },
                },
            ],
        });

        testAll(art, done);
    });

    it('Test85', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            plugins: [
                artplayerPluginDanmuku({
                    danmuku: './assets/sample/danmuku.xml',
                }),
            ],
            controls: [
                {
                    position: 'right',

                    html: '发送弹幕',

                    click: function () {
                        var text = prompt('请输入弹幕文本', '弹幕测试文本');

                        if (!text || !text.trim()) return;

                        var color = '#' + Math.floor(Math.random() * 0xffffff).toString(16);

                        art.plugins.artplayerPluginDanmuku.emit({
                            text: text,

                            color: color,

                            border: true,
                        });
                    },
                },
            ],
        });

        testAll(art, done);
    });

    it('Test86', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            plugins: [
                artplayerPluginDanmuku({
                    danmuku: './assets/sample/danmuku.xml',
                }),
            ],
            controls: [
                {
                    position: 'right',

                    html: '弹幕大小：<input type="range" min="12" max="50" step="1" value="25">',

                    style: {
                        display: 'flex',

                        alignItems: 'center',
                    },

                    mounted: function ($setting) {
                        const $range = $setting.querySelector('input[type=range]');

                        $range.addEventListener('change', () => {
                            art.plugins.artplayerPluginDanmuku.config({
                                fontSize: Number($range.value),
                            });
                        });
                    },
                },
            ],
        });

        testAll(art, done);
    });

    it('Test87', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            plugins: [
                artplayerPluginDanmuku({
                    danmuku: './assets/sample/danmuku.xml',
                }),
            ],
            controls: [
                {
                    position: 'right',

                    html: '重载弹幕',

                    click: function () {
                        art.plugins.artplayerPluginDanmuku.load();
                    },
                },

                {
                    position: 'right',

                    html: '切换弹幕',

                    click: function () {
                        art.plugins.artplayerPluginDanmuku.config({
                            danmuku: './assets/sample/danmuku-v2.xml',
                        });

                        art.plugins.artplayerPluginDanmuku.load();
                    },
                },
            ],
        });

        testAll(art, done);
    });

    it('Test88', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            setting: true,
            plugins: [
                artplayerPluginDanmuku({
                    danmuku: './assets/sample/danmuku.xml',
                }),
            ],
        });
        art.on('resize', () => {
            art.plugins.artplayerPluginDanmuku.reset();
        });

        testAll(art, done);
    });

    it('Test89', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            setting: true,
            plugins: [
                artplayerPluginDanmuku({
                    danmuku: './assets/sample/danmuku.xml',
                }),
            ],
        });
        art.on('ready', () => {
            console.log(art.plugins.artplayerPluginDanmuku.option);
        });

        testAll(art, done);
    });

    it('Test90', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            setting: true,
            plugins: [
                artplayerPluginDanmuku({
                    danmuku: './assets/sample/danmuku.xml',
                }),
            ],
        });
        art.on('artplayerPluginDanmuku:emit', (danmu) => {
            console.info('新增弹幕', danmu);
        });
        art.on('artplayerPluginDanmuku:loaded', (danmus) => {
            console.info('加载弹幕', danmus.length);
        });
        art.on('artplayerPluginDanmuku:error', (error) => {
            console.info('加载错误', error);
        });
        art.on('artplayerPluginDanmuku:config', (option) => {
            console.info('配置变化', option);
        });
        art.on('artplayerPluginDanmuku:stop', () => {
            console.info('弹幕停止');
        });
        art.on('artplayerPluginDanmuku:start', () => {
            console.info('弹幕开始');
        });
        art.on('artplayerPluginDanmuku:hide', () => {
            console.info('弹幕隐藏');
        });
        art.on('artplayerPluginDanmuku:show', () => {
            console.info('弹幕显示');
        });
        art.on('artplayerPluginDanmuku:destroy', () => {
            console.info('弹幕销毁');
        });

        testAll(art, done);
    });

    it('Test91', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            muted: true,
        });
        art.on('ready', () => {
            art.play();
        });

        testAll(art, done);
    });

    it('Test92', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            muted: true,
        });
        art.on('ready', () => {
            art.play();
            setTimeout(() => {
                art.pause();
            }, 3000);
        });

        testAll(art, done);
    });

    it('Test93', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            muted: true,
        });
        art.on('ready', () => {
            art.toggle();
            setTimeout(() => {
                art.toggle();
            }, 3000);
        });

        testAll(art, done);
    });

    it('Test94', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            art.seek = 5;
        });

        testAll(art, done);
    });

    it('Test95', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            art.forward = 5;
        });

        testAll(art, done);
    });

    it('Test96', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            art.seek = 5;
            setTimeout(() => {
                art.backward = 2;
            }, 3000);
        });

        testAll(art, done);
    });

    it('Test97', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            console.info(art.volume);
            art.volume = 0.5;
            console.info(art.volume);
        });

        testAll(art, done);
    });

    it('Test98', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            console.info(art.url);
            art.url = './assets/sample/video.mp4?t=0';
            console.info(art.url);
        });

        testAll(art, done);
    });

    it('Test99', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            art.seek = 10;
            setTimeout(() => {
                art.switchUrl('./assets/sample/video.mp4?t=0', '新视频名字');
            }, 3000);
        });

        testAll(art, done);
    });

    it('Test100', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            art.seek = 10;
            setTimeout(() => {
                art.switchQuality('./assets/sample/video.mp4?t=0', '新视频地址');
            }, 3000);
        });

        testAll(art, done);
    });

    it('Test101', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            console.info(art.muted);
            art.muted = true;
            console.info(art.muted);
        });

        testAll(art, done);
    });

    it('Test102', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            console.info(art.currentTime);
            art.currentTime = 5;
            console.info(art.currentTime);
        });

        testAll(art, done);
    });

    it('Test103', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            console.info(art.duration);
        });

        testAll(art, done);
    });

    it('Test104', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            art.seek = 10;
            art.once('video:canplay', () => {
                art.screenshot();
            });
        });

        testAll(art, done);
    });

    it('Test105', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            art.seek = 10;
            art.getDataURL().then((url) => console.info(url));
        });

        testAll(art, done);
    });

    it('Test106', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            art.seek = 10;
            art.getBlobUrl().then((url) => console.info(url));
        });

        testAll(art, done);
    });

    it('Test107', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            fullscreen: true,
        });
        art.on('ready', () => {
            art.fullscreen = true;
            setTimeout(() => {
                art.fullscreen = false;
            }, 3000);
        });

        testAll(art, done);
    });

    it('Test108', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            fullscreenWeb: true,
        });
        art.on('ready', () => {
            art.fullscreenWeb = true;
            setTimeout(() => {
                art.fullscreenWeb = false;
            }, 3000);
        });

        testAll(art, done);
    });

    it('Test109', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            fullscreenWeb: true,
        });
        art.on('ready', () => {
            art.pip = true;
            setTimeout(() => {
                art.pip = false;
            }, 3000);
        });

        testAll(art, done);
    });

    it('Test110', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            poster: './assets/sample/poster.jpg',
        });
        art.on('ready', () => {
            console.info(art.poster);
            art.poster = './assets/sample/poster.jpg?t=0';
            console.info(art.poster);
        });

        testAll(art, done);
    });

    it('Test111', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            art.mini = true;
        });

        testAll(art, done);
    });

    it('Test112', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            muted: true,
        });
        art.on('ready', () => {
            console.info(art.playing);
            art.play();
            console.info(art.playing);
        });

        testAll(art, done);
    });

    it('Test113', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            console.info(art.autoSize);
            art.autoSize = true;
            console.info(art.autoSize);
        });

        testAll(art, done);
    });

    it('Test114', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            console.info(JSON.stringify(art.rect));
        });

        testAll(art, done);
    });

    it('Test115', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            console.info(art.flip);
            art.flip = 'horizontal';
            console.info(art.flip);
        });

        testAll(art, done);
    });

    it('Test116', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            console.info(art.playbackRate);
            art.playbackRate = 2;
            console.info(art.playbackRate);
        });

        testAll(art, done);
    });

    it('Test117', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            console.info(art.aspectRatio);
            art.aspectRatio = '16:9';
            console.info(art.aspectRatio);
        });

        testAll(art, done);
    });

    it('Test118', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            console.info(art.loop);
            art.loop = [5, 10];
            console.info(art.loop);
        });

        testAll(art, done);
    });

    it('Test119', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            console.info(art.autoHeight);
            art.autoHeight = true;
            console.info(art.autoHeight);
        });

        testAll(art, done);
    });

    it('Test120', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            console.info(art.attr('playsInline'));
            art.attr('playsInline', true);
            console.info(art.attr('playsInline'));
        });

        testAll(art, done);
    });

    it('Test121', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            console.info(art.title);
            art.title = '新标题';
            console.info(art.title);
        });

        testAll(art, done);
    });

    it('Test122', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            console.info(art.type);
            art.type = 'm3u8';
            console.info(art.type);
        });

        testAll(art, done);
    });

    it('Test123', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            console.info(art.theme);
            art.theme = '#000';
            console.info(art.theme);
        });

        testAll(art, done);
    });

    it('Test124', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            controls: [
                {
                    name: 'airplay',

                    position: 'right',

                    html: 'AirPlay',

                    click: function () {
                        art.airplay();
                    },
                },
            ],
        });

        testAll(art, done);
    });

    it('Test125', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
        });
        art.on('ready', () => {
            art.destroy();
        });

        testAll(art, done);
    });

    it('Test126', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            controls: [
                {
                    position: 'right',

                    html: 'Subtitle 01',

                    selector: [
                        {
                            default: true,

                            html: '<span style="color:red">Subtitle 01</span>',

                            url: './assets/sample/subtitle.srt?id=1',
                        },

                        {
                            html: '<span style="color:yellow">Subtitle 02</span>',

                            url: './assets/sample/subtitle.srt?id=2',
                        },
                    ],

                    onSelect: function (item, $dom) {
                        console.info(item, $dom);

                        art.subtitle.url = item.url;

                        return '你点击了 ' + item.html;
                    },
                },
            ],
        });

        testAll(art, done);
    });

    it('Test127', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            setting: true,
        });
        art.on('ready', () => {
            art.layers.add({
                name: 'layer1',

                html: 'your-layer',

                mounted: function ($layer1) {
                    //
                },
            });
            art.contextmenu.add({
                name: 'contextmenu1',

                html: 'your-contextmenu',

                mounted: function ($contextmenu1) {
                    //
                },
            });
            art.controls.add({
                name: 'control1',

                html: 'your-control',

                position: 'right',

                mounted: function ($control1) {
                    //
                },
            });
            // 使用查询 query 获取组件的DOM元素
            var $layer1 = art.query('.art-layer-layer1');
            var $contextmenu1 = art.query('.art-contextmenu-contextmenu1');
            var $control1 = art.query('.art-control-control1');
            // 推荐使用 name 获取组件的DOM元素
            var $layer1 = art.layers['layer1'];
            var $contextmenu1 = art.contextmenu['contextmenu1'];
            var $control1 = art.controls['control1'];
        });

        testAll(art, done);
    });

    it('Test128', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            setting: true,
            flip: true,
            playbackRate: true,
            aspectRatio: true,
            settings: [
                {
                    html: '选择字幕',

                    width: 250,

                    tooltip: '字幕 01',

                    selector: [
                        {
                            default: true,

                            html: '<span style="color:red">字幕 01</span>',

                            url: './assets/sample/subtitle.srt?id=1',
                        },

                        {
                            html: '<span style="color:yellow">字幕 02</span>',

                            url: './assets/sample/subtitle.srt?id=2',
                        },
                    ],

                    onSelect: function (item, $dom, event) {
                        console.info(item, $dom, event);

                        art.subtitle.url = item.url;

                        // 改变提示文本

                        return item.html;
                    },
                },

                {
                    html: '选择画质',

                    width: 150,

                    tooltip: '1080P',

                    selector: [
                        {
                            default: true,

                            html: '1080P',

                            url: './assets/sample/video.mp4?id=1080',
                        },

                        {
                            html: '720P',

                            url: './assets/sample/video.mp4?id=720',
                        },

                        {
                            html: '360P',

                            url: './assets/sample/video.mp4?id=360',
                        },
                    ],

                    onSelect: function (item, $dom, event) {
                        console.info(item, $dom, event);

                        art.switchQuality(item.url, item.html);

                        // 改变提示文本

                        return item.html;
                    },
                },

                {
                    html: '多层嵌套',

                    selector: [
                        {
                            html: '嵌套01',

                            selector: [
                                {
                                    html: '嵌套02',
                                },

                                {
                                    html: '嵌套02',
                                },
                            ],
                        },

                        {
                            html: '嵌套01',

                            selector: [
                                {
                                    html: '嵌套02',
                                },

                                {
                                    html: '嵌套02',
                                },
                            ],
                        },
                    ],
                },
            ],
        });

        testAll(art, done);
    });

    it('Test129', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            setting: true,
            flip: true,
            playbackRate: true,
            aspectRatio: true,
            settings: [
                {
                    html: '画中画模式',

                    tooltip: '关闭',

                    icon: '<img width="22" heigth="22" src="./assets/img/state.svg">',

                    switch: false,

                    onSwitch: function (item, $dom, event) {
                        console.info(item, $dom, event);

                        const nextState = !item.switch;

                        art.pip = nextState;

                        // 改变提示文本

                        item.tooltip = nextState ? '开启' : '关闭';

                        // 改变按钮状态

                        return nextState;
                    },
                },

                {
                    html: '和列表组合',

                    width: 200,

                    selector: [
                        {
                            default: true,

                            html: '设置 01',
                        },

                        {
                            html: '设置 02',
                        },

                        {
                            html: '设置 03',

                            switch: false,

                            onSwitch: function (item, $dom, event) {
                                return !item.switch;
                            },
                        },

                        {
                            html: '设置 04',

                            icon: '',

                            switch: true,

                            onSwitch: function (item, $dom, event) {
                                return !item.switch;
                            },
                        },
                    ],

                    onSelect: function (item) {
                        return item.html;
                    },
                },
            ],
        });

        testAll(art, done);
    });

    it('Test130', function (done) {
        var art = new Artplayer({
            container: '.artplayer-app',
            url: './assets/sample/video.mp4',
            setting: true,
            flip: true,
            playbackRate: true,
            aspectRatio: true,
            settings: [
                {
                    html: '滑块',

                    tooltip: '5x',

                    icon: '<img width="22" heigth="22" src="./assets/img/state.svg">',

                    range: [5, 1, 10, 1],

                    onRange: function (item) {
                        // 改变提示文本

                        return item.range + 'x';
                    },
                },

                {
                    html: '和列表组合',

                    width: 200,

                    selector: [
                        {
                            default: true,

                            html: '设置 01',
                        },

                        {
                            html: '设置 02',
                        },

                        {
                            html: '设置 03',

                            tooltip: '5x',

                            range: [5, 1, 10, 1],

                            onRange: function (item) {
                                return item.range + 'x';
                            },
                        },

                        {
                            html: '设置 04',

                            icon: '',

                            tooltip: '5x',

                            range: [5, 1, 10, 1],

                            onRange: function (item) {
                                return item.range + 'x';
                            },
                        },
                    ],

                    onSelect: function (item) {
                        return item.html;
                    },
                },
            ],
        });

        testAll(art, done);
    });
});