Não consigo visualizar os valores | JavaScript: salvando dados localmente com IndexedDB

Não acusa erro, aparece no console "undefined Negociação realizada com sucesso" mas quando acesso Application, Key e Value continuam vazios.

<!DOCTYPE html>
<html>
<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">
    <title>Aprendendo Indexeddb</title>
</head>
<body>
    <script src="js/app/models/Negociacao.js"></script>
    <script>

        var connection;

        //requisição de abertura

        var openRequest = window.indexedDB.open('aluraframe', 9);

        // triade de eventos 

        openRequest.onupgradeneeded = e => {
            console.log('Cria ou altera um banco já existente');

            let minhaConnection = e.target.result

            if(minhaConnection.objectStoreNames.contains('negociacoes')) {
                minhaConnection.deleteObjectStore('negociacoes');
            }

            minhaConnection.createObjectStore('negociacoes', { autoIncrement: true });
        };

        openRequest.onsuccess = e => {
            console.log('Conexão realizada com sucesso');
            connection = e.target.result;
        };

        openRequest.onerror = e => {
            console.log(e.target.error);
        };

        function adiciona() {

            let transaction = connection.transaction(['negociacoes'], 'readwrite');
            let store = transaction.objectStore('negociacoes');

            let negociacao = new Negociacao(new Date(), 200, 1);
            let request = store.add(negociacao);

            request.onsuccess = e => {
                console.log('Negociação realizada com sucesso');
            };

            request.onerror = e => {
                console.log('Não foi possivel realizar negociação');
            };
        }

    </script>
</body>
</html>