Unit/Integration testing a component that uses dialog

[walmartwarlord]

How would one trigger a button when dialog is used?

<template>
  <button data-test="delete-btn" @click="confirmDelete">Delete person</button>
</template>

<script>
export default {
  methods: {
    confirmDelete() {
      this.$buefy.dialog.confirm({
        title: 'Delete Person',
        message: 'Are you sure you want to <b>delete</b> this?',
        onConfirm: async () => {
            // do something
        },
      });
    }
  }
}
</script>

test('delete person', async () => {
  const wrapper = mount(SomeComponent, {
    mocks: {
      $buefy: {
        dialog: {
          confirm: jest.fn(),
        },
      },
    },
  });

  // Click delete button
  await wrapper.find('[data-test="delete-btn"]').trigger('click');

  await nextTick();

  // Click OK in modal dialog doesn't work because it's outside the component
  await wrapper.find('.modal .is-danger').trigger('click');
})

How do you get the buttons from modal element attached to body so we can trigger it? Thanks!