[Vuetify] Unable to locate target [data-app]のWarningが出ないようにユニットテストしたい

前提・実現したいこと

vueのユニットテストをしているのですが
モーダル(v-dialog)を使用したユニットテストではwarningで以下のエラーメッセージが出力されてしまいます。

[Vuetify] Unable to locate target [data-app]

このメッセージが出ないでUnitテストしたいです。

環境は以下の通り
Vue.js 3.8.2
Vuetify 1.5.5

機能の説明

プレビューボタンを押したらモーダルが出現し、再生ボタンを押すと動画が流れ閉じると消える。
機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

  console.warn node_modules/vuetify/dist/vuetify.js:25165
      [Vuetify] Unable to locate target [data-app]

      found in

      ---> <VDialog>
             <MovieItem>
               <VDataTable>
                 <MoviesList>
                   <Root>
    console.warn node_modules/vuetify/dist/vuetify.js:25165
      [Vuetify] Unable to locate target [data-app]

      found in

      ---> <VDialog>
             <MovieItem>
               <VDataTable>
                 <MoviesList>
                   <Root>
    console.warn node_modules/vuetify/dist/vuetify.js:25165
      [Vuetify] Unable to locate target [data-app]

      found in

      ---> <VDialog>
             <MovieItem>
               <VDataTable>
                 <MoviesList>
                   <Root>
    console.warn node_modules/vuetify/dist/vuetify.js:25165
      [Vuetify] Unable to locate target [data-app]

      found in

      ---> <VDialog>
             <MovieItem>
               <VDataTable>
                 <MoviesList>
                   <Root>

該当のソースコード

<tr>のfor分による繰り返し

vue.js
1  ...
2  <tr>
3    ...
4    <td>
5      <v-dialog v-model="dialog" width="700">
6        <template v-slot:activator="{ on }">
7          <v-btn color="play_arrow" flat v-on="on">プレビューボタン</v-btn>
8        </template>
9        <v-card>
10          <v-card-text v-if="download_url">
11            <video :src="download_url" :id="movie_id" width="670" controls muted>
12              <p>動画を再生するには動画をサポートしたブラウザが必要です。</p>
13            </video>
14          </v-card-text>
15          <v-card-actions>
16            <v-btn color="primary" @click="stopAndClose(); dialog = false;">閉じる</v-btn>
17          </v-card-actions>
18        </v-card>
19      </v-dialog>
20    </td>
21    ...
22  </tr>

ユニットテストのコードはなくてもエラーメッセージが出てしまいます。

試したこと

App.jsに以下の対応をした
<v-app> ⇨ <v-app id="app">
以下を参考
https://qiita.com/kawakami-kazuyoshi/items/5fde4884715a6197c23a
↑
最新のバージョンインストールしたら<div id="app">というのは存在しないのですが念のため参考にしてみた。
改善されないでした。

こちらで出ている対応も全てやってみましたができない
https://forum.vuejs.org/t/vuetify-data-app-true-and-problems-rendering-v-dialog-in-unit-tests/27495

かなり困っているので大変お手数ですがお助けください！！！！

行動規範の内容に同意します

回答2件

ベストアンサー

ユニットテストの直後に以下のコメントを入れるとWarningが止まります。
お試しください

describe("MyComponent.vue, () => {
  const app = document.createElement("div");
  app.setAttribute("data-app", true);
  document.body.append(app);
  
  ...

投稿2019/06/09 08:45