({
- document: {
- write: vi.fn().mockImplementation(() => "![]()
"),
- },
- print: vi.fn(),
- close: vi.fn(),
- });
-
- Object.defineProperty(window, "open", {
- configurable: true,
- value: vi.fn().mockReturnValue(windowMock),
+ beforeAll(() => {
+ Object.defineProperty(window, "location", {
+ value: { href: "url" },
+ writable: true,
});
+ });
+ const setup = () => {
const wrapper = mount(PageShare, {
global: {
plugins: [createTestingVuetify(), createTestingI18n()],
},
- props: {
- url: "url",
- },
- ...attrs,
});
- return { wrapper, windowMock };
+ return { wrapper };
};
describe("with available languages", () => {
it("should render qr code ", () => {
const { wrapper } = setup();
-
expect(wrapper.findComponent({ name: "QRCode" }).exists()).toBe(true);
});
- it("should open print menu with QR-Code", async () => {
- const { wrapper, windowMock } = setup();
- const printButton = wrapper.findComponent("[data-testid=qr-code-print]");
- await printButton.trigger("click");
-
- expect(window.open).toHaveBeenCalled();
- expect(windowMock.document.write).toHaveBeenCalled();
- expect(windowMock.print).toHaveBeenCalled();
- expect(windowMock.close).toHaveBeenCalled();
- });
-
it("should copy link to clipboard", async () => {
Object.defineProperty(navigator, "clipboard", {
value: {
diff --git a/src/modules/ui/layout/topbar/PageShare.vue b/src/modules/ui/layout/topbar/PageShare.vue
index f83e507626..cad120df8e 100644
--- a/src/modules/ui/layout/topbar/PageShare.vue
+++ b/src/modules/ui/layout/topbar/PageShare.vue
@@ -3,7 +3,8 @@
{{ $t("global.topbar.MenuQrCode.qrHintText") }}
-
+
+
import { mdiContentCopy, mdiPrinter } from "@icons/material";
import { QRCode } from "@ui-qr-code";
-import { ComponentPublicInstance, ref } from "vue";
-
-const props = defineProps({
- url: {
- type: String,
- default: window.location.href,
- },
-});
-const qrCode = ref>();
+import { printQrCodes } from "@util-browser";
+const url = window.location.href;
const openPrintMenu = () => {
- const win = window.open();
-
- if (qrCode.value) {
- win?.document.write(qrCode.value.$el.innerHTML);
- win?.print();
- win?.close();
- }
+ printQrCodes([{ qrContent: url, title: document.title }]);
};
-const onCopy = () => navigator.clipboard.writeText(props.url);
+const onCopy = () => navigator.clipboard.writeText(url);
+
+
+
-