949fac1a7c
This commit applies `strictNullChecks` to the entire codebase to improve maintainability and type safety. Key changes include: - Remove some explicit null-checks where unnecessary. - Add necessary null-checks. - Refactor static factory functions for a more functional approach. - Improve some test names and contexts for better debugging. - Add unit tests for any additional logic introduced. - Refactor `createPositionFromRegexFullMatch` to its own function as the logic is reused. - Prefer `find` prefix on functions that may return `undefined` and `get` prefix for those that always return a value.
67 lines
2.2 KiB
TypeScript
67 lines
2.2 KiB
TypeScript
import { describe, it, expect } from 'vitest';
|
|
import { shallowMount } from '@vue/test-utils';
|
|
import { InjectionKeys } from '@/presentation/injectionSymbols';
|
|
import CodeCopyButton from '@/presentation/components/Code/CodeButtons/CodeCopyButton.vue';
|
|
import { ClipboardStub } from '@tests/unit/shared/Stubs/ClipboardStub';
|
|
import { Clipboard } from '@/presentation/components/Shared/Hooks/Clipboard/Clipboard';
|
|
import { UseClipboardStub } from '@tests/unit/shared/Stubs/UseClipboardStub';
|
|
import { UseCurrentCodeStub } from '@tests/unit/shared/Stubs/UseCurrentCodeStub';
|
|
import { expectExists } from '@tests/shared/Assertions/ExpectExists';
|
|
|
|
const COMPONENT_ICON_BUTTON_WRAPPER_NAME = 'IconButton';
|
|
|
|
describe('CodeCopyButton', () => {
|
|
it('copies current code when clicked', async () => {
|
|
// arrange
|
|
const expectedCode = 'code to be copied';
|
|
const clipboard = new ClipboardStub();
|
|
const wrapper = mountComponent({
|
|
clipboard,
|
|
currentCode: expectedCode,
|
|
});
|
|
|
|
// act
|
|
await wrapper.trigger('click');
|
|
|
|
// assert
|
|
const calls = clipboard.callHistory;
|
|
expect(calls).to.have.lengthOf(1);
|
|
const call = calls.find((c) => c.methodName === 'copyText');
|
|
expectExists(call);
|
|
const [copiedText] = call.args;
|
|
expect(copiedText).to.equal(expectedCode);
|
|
});
|
|
});
|
|
|
|
function mountComponent(options?: {
|
|
clipboard?: Clipboard,
|
|
currentCode?: string,
|
|
}) {
|
|
return shallowMount(CodeCopyButton, {
|
|
global: {
|
|
provide: {
|
|
[InjectionKeys.useClipboard.key]: () => (
|
|
options?.clipboard
|
|
? new UseClipboardStub(options.clipboard)
|
|
: new UseClipboardStub()
|
|
).get(),
|
|
[InjectionKeys.useCurrentCode.key]: () => (
|
|
options?.currentCode === undefined
|
|
? new UseCurrentCodeStub()
|
|
: new UseCurrentCodeStub().withCurrentCode(options.currentCode)
|
|
).get(),
|
|
},
|
|
stubs: {
|
|
[COMPONENT_ICON_BUTTON_WRAPPER_NAME]: {
|
|
name: COMPONENT_ICON_BUTTON_WRAPPER_NAME,
|
|
template: '<div @click="handleClick()" />',
|
|
emits: ['click'],
|
|
setup: (_, { emit }) => ({
|
|
handleClick: () => emit('click'),
|
|
}),
|
|
},
|
|
},
|
|
},
|
|
});
|
|
}
|