Не работает copyToClipboard js в chrome extension

// lib.js 
function isInt(v) { 
    return typeof v === 'number' && isFinite(v) && Math.floor(v) === v 
} 
 
function randomMinMax(min, max) { 
    return Math.floor(Math.random() * (++max - min)) + min; 
} 
 
function isProperty(prop, obj, type) { 
    return typeof obj === 'object' && prop in obj && (type ? typeof obj[prop] === type : true) 
} 
 
// charGenerator.js 
function charGenerator(...arrs) { 
    let arr = [] 
 
    const testpush = (s) => { 
        if (arr.indexOf(s) === -1) { 
            arr.push(s) 
        } 
    } 
 
    const set = (s, e) => { 
        if (!isInt(s) || !isInt(e)) { 
            return 
        } 
        for (let i = s; i <= e; ++i) { 
            testpush(String.fromCharCode(i)) 
        } 
    } 
 
    let s 
    for (let i = 0; i < arrs.length; ++i) { 
        s = arrs[i] 
        if (typeof s !== 'string' || !s.length) { 
            continue 
        } 
        testpush(arrs[i][0]) 
        if (s.length > 1) { 
            set(s.charCodeAt(0) + 1, s.charCodeAt(1)) 
        } 
    } 
 
    return arr 
} 
 
// Log.js 
class Log { 
    constructor(elout) { 
        this.out = elout 
    } 
    log(mess, cl = 'log') { 
        let l = document.createElement('code') 
        l.className = cl 
        l.textContent = mess 
        this.out.appendChild(l) 
    } 
} 
 
// InputRandomText.js 
const numberChar = 8 
const abc = charGenerator('09', 'AZ', 'az') 
 
class InputRandomText { 
 
    constructor(random, input) { 
        this.input = input 
        this.buttonExec = random 
        this.buttonExec.addEventListener('click', () => { 
            this.setInput() 
        }) 
    } 
 
    static generate(length = numberChar) { 
        let l = length > abc.length ? abc.length : length 
        let arr = abc.slice() 
        let arrTo = [] 
        let i 
        while (l--) { 
            i = randomMinMax(0, arr.length) 
            arrTo.push(arr.splice(i, 1)[0]) 
        } 
        return arrTo.join('') 
    } 
 
    setInput() { 
        this.input.value = InputRandomText.generate(randomMinMax(5, numberChar)) 
    } 
} 
 
// CopyToClipboard.js 
class CopyToClipboard extends Log { 
    constructor(input, exec, log, methodExecCommand) { 
        super(log) 
        this.input = input 
        this.buttonExec = exec 
        this.methodExecCommand = methodExecCommand 
        this.write = null 
        // test 
        if (this.test()) { 
            this.buttonExec.addEventListener('click', () => { 
                this.copy() 
            }) 
        } 
        else { 
            this.log('Возможно браузер не поддерживает копирование в буфер обмена', 'error') 
        } 
    } 
 
    copy() { 
        if (/^\s+|\s+$/g.test(this.input.value)) { 
            this.input.value = this.input.value.replace(/^\s+|\s+$/g, '') 
        } 
        if (this.input.value.length) { 
            this.input.select() 
            try { 
                this.write() 
            } catch (e) { 
                this.log(e.message, 'error') 
                return 
            } 
            this.log(`Текст value.length: ${this.input.value.length} скопирован в буфер обмена`) 
            return 
        } 
        this.log('Отсутствует текст в поле ввода', 'warn') 
    } 
 
    testExecCommand() { 
        if (isProperty('queryCommandSupported', document, 'function') && document.queryCommandSupported('copy') && isProperty('execCommand', document, 'function')) { 
            this.write = () => { 
                document.execCommand('copy') 
            } 
            this.log('Копируем через document.execCommand') 
            return true 
        } 
        return false 
    } 
    testClipboard() { 
        if (isProperty('clipboard', navigator) && isProperty('writeText', navigator.clipboard, 'function')) { 
            this.write = () => { 
                navigator.clipboard.writeText(this.input.value) 
            } 
            this.log('Копируем через navigator.clipboard') 
            return true 
        } 
        return false 
    } 
 
    test() { 
        // для теста меняем порядок проверки 
        // clipboard.html 
        // clipboard.html?execCommand -> methodExecCommand 
        if (this.methodExecCommand && this.testExecCommand()) { 
            return true 
        } 
        if (this.testClipboard() || this.testExecCommand()) { 
            return true 
        } 
        return false 
    } 
} 
 
// clipboard.js 
 
document.addEventListener('DOMContentLoaded', () => { 
    new CopyToClipboard( 
        document.body.querySelector('[data-input]'), 
        document.body.querySelector('[data-exec]'), 
        document.body.querySelector('[data-log]'), 
        /execCommand/i.test(document.location.search) 
    ) 
    new InputRandomText( 
        document.body.querySelector('[data-random]'), 
        document.body.querySelector('[data-input]') 
    ) 
})

<!DOCTYPE html> 
<html lang="en"> 
 
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <meta http-equiv="X-UA-Compatible" content="ie=edge"> 
    <link rel="shortcut icon" href="./icons/chemistry.png" type="image/png"> 
    <title>clipboard</title> 
    <script src="./clipboard.js" type="module"></script> 
    <style> 
        body { 
            font-family: 'Courier New', Courier, monospace; 
        } 
 
        [data-log] { 
            margin-top: 1em; 
            width: 500px; 
            min-height: 100px; 
            padding: 1em; 
            background-color: #ececec; 
            border: 1px solid #9E9E9E; 
        } 
 
        [data-log]>code { 
            display: block; 
            margin-top: 1em; 
            border-left: 3px solid green; 
            padding-left: 1em; 
            font-size: 1.5em; 
        } 
 
        [data-log]>code.error { 
            border-left-color: red; 
        } 
 
        [data-log]>code.warn { 
            border-left-color: #ff9800; 
        } 
    </style> 
</head> 
 
<body> 
 
    <h1>Test Clipboard</h1> 
    <!-- Только для расширения и браузера 
    <div>Для теста меняем порядок проверки и использования доступных API</div> 
    <ul> 
        <li><a href="./clipboard.html?clipboard">clipboard.html?clipboard</a></li> 
        <li><a href="./clipboard.html?execCommand">clipboard.html?execCommand</a></li> 
    </ul> 
    --> 
 
    <button data-random>Для ленивых</button> 
    <input data-input type="text" placeholder="input text"> 
    <button data-exec>Copy</button> 
    <br><br> 
    <input type="text" placeholder="проверим ctrl+p"> Сюда просто вставляем что скопировано горячими клавишами [ctrl+p] 
    <div data-log></div> 
 
</body> 
 
</html>