setup & teardown lisätty, mutta worker ei silti tajua lopettaa tyylikkäästi

src/App.test.js

 import { getByText, render, screen } from '@testing-library/react';
 import React from 'react';
 import { unmountComponentAtNode } from "react-dom";
+import { act } from "react-dom/test-utils";
 import userEvent from '@testing-library/user-event'
 import App from './App';
 import {Soitinmenu} from './App';
-import {Oktaavinvaihto} from './App';
-import AudioContext from "./AudioContext"
-import AudioPlayer from './AudioPlayer';
 
 let container = null;
 beforeEach(() => {
@@ -22,11 +20,10 @@ afterEach(() => {
   container = null;
 });
 
-
 // testaa soittimen valitsevaa select-elementtiä
 // yhden valitun ja ei valitun soittimen löytyminen todistaa, että menu löytyy
 test('soittimen valinta', () => {
-  render(<Soitinmenu />)
+  act(() => {    render(<Soitinmenu />, container);  });
   const piano = screen.getByText("piano");
   const sello = screen.getByText("sello");
   const element = document.getElementById('smenu');
@@ -68,7 +65,7 @@ test('soittimen valinta', () => {
 
 
 
-/* tämä ei ole onnistunut, koska pitäisi saada mockattua currentTime
+/*tämä ei ole onnistunut, koska pitäisi saada mockattua currentTime
 test('paina kosketinta', () =>{
   render(<App />);
   //const audioContext = new AudioContext();
@@ -82,8 +79,8 @@ test('paina kosketinta', () =>{
 })*/
 
 // Näkyvätkö kaikki koskettimet ohjeteksteineen?
-test('kirjainvihjeet matalat nuotit', () => {
-  render(<App />);
+test('kirjainvihjeet', () => {
+  act(() => {    render(<App />, container);  });
   const moment = screen.getByText(/§/i); 
   const eka = screen.getByText("1");
   const q = screen.getByText(/q/i);
@@ -115,11 +112,7 @@ test('kirjainvihjeet matalat nuotit', () => {
   expect(seiska).toBeInTheDocument();
   expect(u).toBeInTheDocument();
   expect(i).toBeInTheDocument();
-});
 
-// Näkyvätkö kaikki koskettimet ohjeteksteineen?
-test('kirjainvihjeet korkeat nuotit', () => {
-  render(<App />);
   const a = screen.getByText(/a9/i);
   const z = screen.getByText(/zo/i);  
   const s = screen.getByText(/s0/i);
@@ -163,7 +156,7 @@ test('kirjainvihjeet korkeat nuotit', () => {
 
  // oktaavin muutosnapit
  test('muut napit', () => {
-  render(<App />);
+  act(() => {    render(<App />, container);  });
   const nosto = screen.getByText("Nosta oktaavilla");
   const lasku = screen.getByText("Laske oktaavilla");
   expect(nosto).toBeInTheDocument();
@@ -172,8 +165,8 @@ test('kirjainvihjeet korkeat nuotit', () => {
   
  });
 
-// Onko ruudulla juuri oikea näkymä?
-it('snapshot', () => {
+//Onko ruudulla juuri oikea näkymä?
+test('snapshot', () => {
   const { asFragment } = render(<App />)
 
   expect(asFragment(<App />)).toMatchSnapshot()