test: CategoryEmptyResults component (#934)

packages/theme/jest-setup.js

@@ -5,6 +5,9 @@ import { config } from '@vue/test-utils';
 config.stubs = {
   NuxtImg: { render(h) { return h('img'); } },
 };
+config.mocks = {
+  $t: (text) => text
+}
 
 const $vsf = {
   $magento: {

packages/theme/modules/catalog/category/components/__tests__/CategoryEmptyResults.spec.ts

@@ -0,0 +1,24 @@
+import CategoryEmptyResults from '../CategoryEmptyResults.vue';
+import { render } from '~/test-utils';
+import { expect } from '@jest/globals';
+
+describe('CategoryEmptyResults.vue', () => {
+  it('Renders with a default value', () => {
+    const { getByRole, queryByText } = render(CategoryEmptyResults);
+
+    const svgImage = getByRole('img');
+    const paragraph = queryByText(`We can't find products matching the selection.`);
+
+    expect(svgImage).toBeDefined();
+    expect(paragraph).toBeDefined();
+  });
+
+  it('Renders content from the "default" slot', () => {
+    const wrapper = render(CategoryEmptyResults, {
+      slots: {
+        default: `<div id="testSlot"></div>`
+      }
+    });
+    expect(wrapper.html()).toContain('<div id="testSlot"></div>');
+  });
+});