sm-click-library-ui 0.0.450 → 0.0.451

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/{index-DYdf7d6i.js → index-DnUhl-kb.js} +9086 -8697
  2. package/dist/sm-click-library-ui.es.js +1 -1
  3. package/dist/sm-click-library-ui.umd.js +16 -15
  4. package/dist/style.css +1 -1
  5. package/dist/tailwind.css +1 -7
  6. package/dist/test-utils/setup.js +66 -65
  7. package/dist/{web-0zMjtKAX.js → web-BAs_TY7O.js} +2 -2
  8. package/dist/{web-lZeLwlI5.js → web-BoACMcNC.js} +2 -2
  9. package/package.json +2 -1
  10. package/src/test-utils/components/CRM+/manipulateProduct.test.js +85 -0
  11. package/src/test-utils/setup.js +66 -65
package/dist/tailwind.css CHANGED
@@ -105,7 +105,7 @@
105
105
  --tw-contain-paint: ;
106
106
  --tw-contain-style: ;
107
107
  }/*
108
- ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
108
+ ! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
109
109
  *//*
110
110
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
111
111
  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
@@ -1617,27 +1617,21 @@ video {
1617
1617
  }
1618
1618
  .backdrop-blur {
1619
1619
  --tw-backdrop-blur: blur(8px);
1620
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1621
1620
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1622
1621
  }
1623
1622
  .backdrop-blur-\[2px\] {
1624
1623
  --tw-backdrop-blur: blur(2px);
1625
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1626
1624
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1627
1625
  }
1628
1626
  .backdrop-blur-lg {
1629
1627
  --tw-backdrop-blur: blur(16px);
1630
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1631
1628
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1632
1629
  }
1633
1630
  .backdrop-filter {
1634
- -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1635
1631
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
1636
1632
  }
1637
1633
  .transition {
1638
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
1639
1634
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1640
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
1641
1635
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1642
1636
  transition-duration: 150ms;
1643
1637
  }
package/dist/test-utils/setup.js CHANGED
@@ -1,65 +1,66 @@
1
- import { JSDOM } from "jsdom";
2
- import { config } from "@vue/test-utils";
3
- import { setActivePinia, createPinia } from "pinia";
4
-
5
- // Cria um DOM simulado
6
- const dom = new JSDOM(`<!DOCTYPE html><html><body></body></html>`, {
7
- url: "http://localhost",
8
- });
9
-
10
- // Configura `window` e `document`
11
- global.window = dom.window;
12
- global.document = dom.window.document;
13
- global.navigator = dom.window.navigator;
14
-
15
- // Mock de métodos do DOM que podem ser necessários
16
- global.window.HTMLElement = dom.window.HTMLElement;
17
- global.window.requestAnimationFrame = (cb) => setTimeout(cb, 0);
18
- global.window.cancelAnimationFrame = (id) => clearTimeout(id);
19
-
20
- global.ResizeObserver = vi.fn().mockImplementation(() => ({
21
- observe: vi.fn(),
22
- unobserve: vi.fn(),
23
- disconnect: vi.fn(),
24
- }));
25
-
26
- global.window.matchMedia = vi.fn().mockImplementation(() => ({
27
- matches: false,
28
- addListener: vi.fn(),
29
- removeListener: vi.fn(),
30
- }));
31
-
32
- // Configuração global do Vue Test Utils
33
- config.global.stubs = {
34
- Popper: true, // Evita erro de componente não encontrado
35
- VueAwesomePaginate: true, // Stub para VueAwesomePaginate
36
- SimpleModal: true, // Stub para SimpleModal
37
- datepicker: true, // Stub para datepicker,
38
- Svg: { template: "<svg></svg>" },
39
- Popper: { template: "<div><slot /></div>" },
40
- putVideo: { template: "<div></div>" },
41
- VueAwesomePaginate: { template: "<div></div>" },
42
- };
43
-
44
- config.global.directives = {
45
- lazy: () => {},
46
- };
47
-
48
- // Ativando Pinia para os testes
49
- setActivePinia(createPinia()); // Certifica que Pinia está disponível nos testes
50
-
51
- // Mock de axios para evitar chamadas reais de API
52
- import { vi } from "vitest";
53
-
54
- vi.mock("@/router/axios", () => ({
55
- default: {
56
- get: vi.fn().mockResolvedValue({ data: [] }), // Return an empty array (or any default data)
57
- post: vi.fn(),
58
- delete: vi.fn(),
59
- patch: vi.fn(),
60
- },
61
- }));
62
- // Mock de notiwind para evitar notificações em testes
63
- vi.mock("notiwind", () => ({
64
- notify: vi.fn(),
65
- }));
1
+ import { JSDOM } from "jsdom";
2
+ import { config } from "@vue/test-utils";
3
+ import { setActivePinia, createPinia } from "pinia";
4
+
5
+ // Cria um DOM simulado
6
+ const dom = new JSDOM(`<!DOCTYPE html><html><body></body></html>`, {
7
+ url: "http://localhost",
8
+ });
9
+
10
+ // Configura `window` e `document`
11
+ global.window = dom.window;
12
+ global.document = dom.window.document;
13
+ global.navigator = dom.window.navigator;
14
+
15
+ // Mock de métodos do DOM que podem ser necessários
16
+ global.window.HTMLElement = dom.window.HTMLElement;
17
+ global.window.requestAnimationFrame = (cb) => setTimeout(cb, 0);
18
+ global.window.cancelAnimationFrame = (id) => clearTimeout(id);
19
+
20
+ global.ResizeObserver = vi.fn().mockImplementation(() => ({
21
+ observe: vi.fn(),
22
+ unobserve: vi.fn(),
23
+ disconnect: vi.fn(),
24
+ }));
25
+
26
+ global.window.matchMedia = vi.fn().mockImplementation(() => ({
27
+ matches: false,
28
+ addListener: vi.fn(),
29
+ removeListener: vi.fn(),
30
+ }));
31
+
32
+ // Configuração global do Vue Test Utils
33
+ config.global.stubs = {
34
+ Popper: true, // Evita erro de componente não encontrado
35
+ VueAwesomePaginate: true, // Stub para VueAwesomePaginate
36
+ SimpleModal: true, // Stub para SimpleModal
37
+ datepicker: true, // Stub para datepicker,
38
+ Svg: { template: "<svg></svg>" },
39
+ Popper: { template: "<div><slot /></div>" },
40
+ putVideo: { template: "<div></div>" },
41
+ VueAwesomePaginate: { template: "<div></div>" },
42
+ SimpleLoader: { template: "<div></div>" },
43
+ };
44
+
45
+ config.global.directives = {
46
+ lazy: () => {},
47
+ };
48
+
49
+ // Ativando Pinia para os testes
50
+ setActivePinia(createPinia()); // Certifica que Pinia está disponível nos testes
51
+
52
+ // Mock de axios para evitar chamadas reais de API
53
+ import { vi } from "vitest";
54
+
55
+ vi.mock("@/router/axios", () => ({
56
+ default: {
57
+ get: vi.fn().mockResolvedValue({ data: [] }), // Return an empty array (or any default data)
58
+ post: vi.fn(),
59
+ delete: vi.fn(),
60
+ patch: vi.fn(),
61
+ },
62
+ }));
63
+ // Mock de notiwind para evitar notificações em testes
64
+ vi.mock("notiwind", () => ({
65
+ notify: vi.fn(),
66
+ }));
package/dist/{web-0zMjtKAX.js → web-BAs_TY7O.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { r as le, C as ge, W as me } from "./index-DYdf7d6i.js";
1
+ import { r as le, C as ge, W as me } from "./index-DnUhl-kb.js";
2
2
  const F = {
3
3
  RECORDING: "RECORDING",
4
4
  PAUSED: "PAUSED",
@@ -58,7 +58,7 @@ var te;
58
58
  n.UTF8 = "utf8", n.ASCII = "ascii", n.UTF16 = "utf16";
59
59
  })(te || (te = {}));
60
60
  const k = le("Filesystem", {
61
- web: () => import("./web-lZeLwlI5.js").then((n) => new n.FilesystemWeb())
61
+ web: () => import("./web-BoACMcNC.js").then((n) => new n.FilesystemWeb())
62
62
  });
63
63
  ye();
64
64
  const Ee = le("BlobWriter");
package/dist/{web-lZeLwlI5.js → web-BoACMcNC.js} RENAMED
@@ -1,5 +1,5 @@
1
- import { W as P, b as x } from "./index-DYdf7d6i.js";
2
- import { E } from "./web-0zMjtKAX.js";
1
+ import { W as P, b as x } from "./index-DnUhl-kb.js";
2
+ import { E } from "./web-BAs_TY7O.js";
3
3
  function m(w) {
4
4
  const e = w.split("/").filter((t) => t !== "."), r = [];
5
5
  return e.forEach((t) => {
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "dist",
6
6
  "src/test-utils"
7
7
  ],
8
- "version": "0.0.450",
8
+ "version": "0.0.451",
9
9
  "main": "dist/sm-click-library-ui.es.js",
10
10
  "module": "dist/sm-click-library-ui.umd.js",
11
11
  "private": false,
@@ -52,6 +52,7 @@
52
52
  "@storybook/vue3": "^8.2.3",
53
53
  "@storybook/vue3-vite": "^8.2.3",
54
54
  "@vitejs/plugin-vue": "^5.0.5",
55
+ "@vitest/ui": "3.2.4",
55
56
  "autoprefixer": "^10.4.19",
56
57
  "jsdom": "^26.0.0",
57
58
  "postcss": "^8.4.39",
package/src/test-utils/components/CRM+/manipulateProduct.test.js ADDED
@@ -0,0 +1,85 @@
1
+ import { mount } from "@vue/test-utils";
2
+ import { describe, it, expect, vi, beforeEach } from "vitest";
3
+ import listProducts from "../../../components/CRM+/clientsComponents/listProducts.vue";
4
+
5
+ describe("Listagem de produtos - incrementação e decrementação", () => {
6
+ let wrapper;
7
+
8
+ const sampleProducts = {
9
+ results: [
10
+ { id: 1, name: "Produto A", price: 10, recurrence: "unique" },
11
+ { id: 2, name: "Produto B", price: 5, recurrence: "monthly" },
12
+ ],
13
+ next: null,
14
+ previous: null,
15
+ };
16
+
17
+ beforeEach(() => {
18
+ wrapper = mount(listProducts, {
19
+ props: {
20
+ // começa sem selecionados
21
+ modelValue: [],
22
+ // injeta produtos locais para evitar chamada à API
23
+ allProducts: sampleProducts,
24
+ },
25
+ });
26
+ });
27
+
28
+ it("Incrementa a quantidade ao clicar em '+'", async () => {
29
+ const items = wrapper.findAll("li");
30
+ expect(items.length).toBeGreaterThan(0);
31
+
32
+ // Primeiro produto da lista
33
+ const firstItem = items[0];
34
+ const plusBtn = firstItem.findAll("button").at(1); // ordem: '-' , qty , '+'
35
+ const qtyDisplay = firstItem.find("p.w-5");
36
+
37
+ expect(qtyDisplay.text()).toBe("0");
38
+
39
+ await plusBtn.trigger("click");
40
+ await wrapper.vm.$nextTick();
41
+
42
+ // quantidade deve ser 1
43
+ expect(qtyDisplay.text()).toBe("1");
44
+
45
+ // evento emitido com modelo atualizado
46
+ const emits = wrapper.emitted("update:modelValue");
47
+ expect(emits).toBeTruthy();
48
+ const lastEmit = emits[emits.length - 1][0];
49
+ expect(Array.isArray(lastEmit)).toBe(true);
50
+ expect(lastEmit[0]).toMatchObject({
51
+ product: expect.objectContaining({ id: 1 }),
52
+ quantity: 1,
53
+ });
54
+ });
55
+
56
+ it("Decrementa a quantidade ao clicar em '-' sem ir abaixo de 0", async () => {
57
+ const items = wrapper.findAll("li");
58
+ const firstItem = items[0];
59
+ const minusBtn = firstItem.findAll("button").at(0); // '-'
60
+ const plusBtn = firstItem.findAll("button").at(1); // '+'
61
+ // console.log("minusBtn:", minusBtn.html());
62
+ const qtyDisplay = firstItem.find("p.w-5");
63
+
64
+ // Sobe para 2
65
+ await plusBtn.trigger("click");
66
+ await plusBtn.trigger("click");
67
+ await wrapper.vm.$nextTick();
68
+ expect(qtyDisplay.text()).toBe("2");
69
+
70
+ // Desce para 1
71
+ await minusBtn.trigger("click");
72
+ await wrapper.vm.$nextTick();
73
+ expect(qtyDisplay.text()).toBe("1");
74
+
75
+ // Desce para 0
76
+ await minusBtn.trigger("click");
77
+ await wrapper.vm.$nextTick();
78
+ expect(qtyDisplay.text()).toBe("0");
79
+
80
+ // Tenta descer abaixo de 0 (deve continuar 0)
81
+ await minusBtn.trigger("click");
82
+ await wrapper.vm.$nextTick();
83
+ expect(qtyDisplay.text()).toBe("0");
84
+ });
85
+ });
package/src/test-utils/setup.js CHANGED
@@ -1,65 +1,66 @@
1
- import { JSDOM } from "jsdom";
2
- import { config } from "@vue/test-utils";
3
- import { setActivePinia, createPinia } from "pinia";
4
-
5
- // Cria um DOM simulado
6
- const dom = new JSDOM(`<!DOCTYPE html><html><body></body></html>`, {
7
- url: "http://localhost",
8
- });
9
-
10
- // Configura `window` e `document`
11
- global.window = dom.window;
12
- global.document = dom.window.document;
13
- global.navigator = dom.window.navigator;
14
-
15
- // Mock de métodos do DOM que podem ser necessários
16
- global.window.HTMLElement = dom.window.HTMLElement;
17
- global.window.requestAnimationFrame = (cb) => setTimeout(cb, 0);
18
- global.window.cancelAnimationFrame = (id) => clearTimeout(id);
19
-
20
- global.ResizeObserver = vi.fn().mockImplementation(() => ({
21
- observe: vi.fn(),
22
- unobserve: vi.fn(),
23
- disconnect: vi.fn(),
24
- }));
25
-
26
- global.window.matchMedia = vi.fn().mockImplementation(() => ({
27
- matches: false,
28
- addListener: vi.fn(),
29
- removeListener: vi.fn(),
30
- }));
31
-
32
- // Configuração global do Vue Test Utils
33
- config.global.stubs = {
34
- Popper: true, // Evita erro de componente não encontrado
35
- VueAwesomePaginate: true, // Stub para VueAwesomePaginate
36
- SimpleModal: true, // Stub para SimpleModal
37
- datepicker: true, // Stub para datepicker,
38
- Svg: { template: "<svg></svg>" },
39
- Popper: { template: "<div><slot /></div>" },
40
- putVideo: { template: "<div></div>" },
41
- VueAwesomePaginate: { template: "<div></div>" },
42
- };
43
-
44
- config.global.directives = {
45
- lazy: () => {},
46
- };
47
-
48
- // Ativando Pinia para os testes
49
- setActivePinia(createPinia()); // Certifica que Pinia está disponível nos testes
50
-
51
- // Mock de axios para evitar chamadas reais de API
52
- import { vi } from "vitest";
53
-
54
- vi.mock("@/router/axios", () => ({
55
- default: {
56
- get: vi.fn().mockResolvedValue({ data: [] }), // Return an empty array (or any default data)
57
- post: vi.fn(),
58
- delete: vi.fn(),
59
- patch: vi.fn(),
60
- },
61
- }));
62
- // Mock de notiwind para evitar notificações em testes
63
- vi.mock("notiwind", () => ({
64
- notify: vi.fn(),
65
- }));
1
+ import { JSDOM } from "jsdom";
2
+ import { config } from "@vue/test-utils";
3
+ import { setActivePinia, createPinia } from "pinia";
4
+
5
+ // Cria um DOM simulado
6
+ const dom = new JSDOM(`<!DOCTYPE html><html><body></body></html>`, {
7
+ url: "http://localhost",
8
+ });
9
+
10
+ // Configura `window` e `document`
11
+ global.window = dom.window;
12
+ global.document = dom.window.document;
13
+ global.navigator = dom.window.navigator;
14
+
15
+ // Mock de métodos do DOM que podem ser necessários
16
+ global.window.HTMLElement = dom.window.HTMLElement;
17
+ global.window.requestAnimationFrame = (cb) => setTimeout(cb, 0);
18
+ global.window.cancelAnimationFrame = (id) => clearTimeout(id);
19
+
20
+ global.ResizeObserver = vi.fn().mockImplementation(() => ({
21
+ observe: vi.fn(),
22
+ unobserve: vi.fn(),
23
+ disconnect: vi.fn(),
24
+ }));
25
+
26
+ global.window.matchMedia = vi.fn().mockImplementation(() => ({
27
+ matches: false,
28
+ addListener: vi.fn(),
29
+ removeListener: vi.fn(),
30
+ }));
31
+
32
+ // Configuração global do Vue Test Utils
33
+ config.global.stubs = {
34
+ Popper: true, // Evita erro de componente não encontrado
35
+ VueAwesomePaginate: true, // Stub para VueAwesomePaginate
36
+ SimpleModal: true, // Stub para SimpleModal
37
+ datepicker: true, // Stub para datepicker,
38
+ Svg: { template: "<svg></svg>" },
39
+ Popper: { template: "<div><slot /></div>" },
40
+ putVideo: { template: "<div></div>" },
41
+ VueAwesomePaginate: { template: "<div></div>" },
42
+ SimpleLoader: { template: "<div></div>" },
43
+ };
44
+
45
+ config.global.directives = {
46
+ lazy: () => {},
47
+ };
48
+
49
+ // Ativando Pinia para os testes
50
+ setActivePinia(createPinia()); // Certifica que Pinia está disponível nos testes
51
+
52
+ // Mock de axios para evitar chamadas reais de API
53
+ import { vi } from "vitest";
54
+
55
+ vi.mock("@/router/axios", () => ({
56
+ default: {
57
+ get: vi.fn().mockResolvedValue({ data: [] }), // Return an empty array (or any default data)
58
+ post: vi.fn(),
59
+ delete: vi.fn(),
60
+ patch: vi.fn(),
61
+ },
62
+ }));
63
+ // Mock de notiwind para evitar notificações em testes
64
+ vi.mock("notiwind", () => ({
65
+ notify: vi.fn(),
66
+ }));