Tests

src/components/ExternalLink.vue

@@ -1,6 +1,7 @@
 <template>
   <a
     v-text="name"
+    data-test="link"
     href="#"
     :title="url"
     @click.prevent="open('https://' + url)"

tests/unit/components/ExternalLink.test.js

@@ -3,8 +3,11 @@ import testHelpers from '@@/unit/testHelpers.js';
 import ExternalLink from '@/components/ExternalLink.vue';
 
 describe('ExternalLink.vue', () => {
+  // Props
   const name = 'Test';
   const url = 'example.com';
+
+  // Data
   const fullUrl = 'https://' + url;
 
   beforeEach(() => {
@@ -26,13 +29,15 @@ describe('ExternalLink.vue', () => {
       const wrapper = await setupWrapper();
 
       expect(wrapper)
-        .toMatchSnapshot();
+        .toMatchInlineSnapshot(`
+          <a href="#" title="example.com">Test</a>
+        `);
     });
 
     test('Click event', async () => {
       const wrapper = await setupWrapper();
 
-      await wrapper.find('a').trigger('click');
+      await wrapper.find('[data-test="link"]').trigger('click');
 
       expect(window.nw.Shell.openExternal)
         .toHaveBeenCalledWith(fullUrl);
@@ -48,13 +53,15 @@ describe('ExternalLink.vue', () => {
       const wrapper = await setupWrapper();
 
       expect(wrapper)
-        .toMatchSnapshot();
+        .toMatchInlineSnapshot(`
+          <a href="#" title="example.com">Test</a>
+        `);
     });
 
     test('Click event', async () => {
       const wrapper = await setupWrapper();
 
-      await wrapper.find('a').trigger('click');
+      await wrapper.find('[data-test="link"]').trigger('click');
 
       expect(window.open)
         .toHaveBeenCalledWith(fullUrl, '_blank');