1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
|
import * as CSSselect from "../src";
import { parseDOM } from "htmlparser2";
import { falseFunc } from "boolbase";
import type { Element } from "domhandler";
const dom = parseDOM(
'<div><div data-foo="In the end, it doesn\'t really matter."></div><div data-foo="Indeed-that\'s a delicate matter.">'
) as Element[];
describe("Attributes", () => {
describe("ignore case", () => {
it("should for =", () => {
let matches = CSSselect.selectAll(
'[data-foo="indeed-that\'s a delicate matter." i]',
dom
);
expect(matches).toHaveLength(1);
expect(matches).toStrictEqual([dom[0].children[1] as Element]);
matches = CSSselect.selectAll(
'[data-foo="inDeeD-THAT\'s a DELICATE matteR." i]',
dom
);
expect(matches).toStrictEqual([dom[0].children[1] as Element]);
});
it("should for ^=", () => {
let matches = CSSselect.selectAll("[data-foo^=IN i]", dom);
expect(matches).toHaveLength(2);
expect(matches).toStrictEqual(dom[0].children as Element[]);
matches = CSSselect.selectAll("[data-foo^=in i]", dom);
expect(matches).toStrictEqual(dom[0].children as Element[]);
matches = CSSselect.selectAll("[data-foo^=iN i]", dom);
expect(matches).toStrictEqual(dom[0].children as Element[]);
});
it("should for $=", () => {
let matches = CSSselect.selectAll('[data-foo$="MATTER." i]', dom);
expect(matches).toHaveLength(2);
expect(matches).toStrictEqual(dom[0].children as Element[]);
matches = CSSselect.selectAll('[data-foo$="matter." i]', dom);
expect(matches).toStrictEqual(dom[0].children as Element[]);
matches = CSSselect.selectAll('[data-foo$="MaTtEr." i]', dom);
expect(matches).toStrictEqual(dom[0].children as Element[]);
});
it("should for !=", () => {
let matches = CSSselect.selectAll(
'[data-foo!="indeed-that\'s a delicate matter." i]',
dom
);
expect(matches).toHaveLength(1);
expect(matches).toStrictEqual([dom[0].children[0] as Element]);
matches = CSSselect.selectAll(
'[data-foo!="inDeeD-THAT\'s a DELICATE matteR." i]',
dom
);
expect(matches).toStrictEqual([dom[0].children[0] as Element]);
});
it("should for *=", () => {
let matches = CSSselect.selectAll("[data-foo*=IT i]", dom);
expect(matches).toHaveLength(1);
expect(matches).toStrictEqual([dom[0].children[0] as Element]);
matches = CSSselect.selectAll("[data-foo*=tH i]", dom);
expect(matches).toStrictEqual(dom[0].children as Element[]);
});
it("should for |=", () => {
let matches = CSSselect.selectAll("[data-foo|=indeed i]", dom);
expect(matches).toHaveLength(1);
expect(matches).toStrictEqual([dom[0].children[1] as Element]);
matches = CSSselect.selectAll("[data-foo|=inDeeD i]", dom);
expect(matches).toStrictEqual([dom[0].children[1] as Element]);
});
it("should for ~=", () => {
let matches = CSSselect.selectAll("[data-foo~=IT i]", dom);
expect(matches).toHaveLength(1);
expect(matches).toStrictEqual([dom[0].children[0] as Element]);
matches = CSSselect.selectAll("[data-foo~=dElIcAtE i]", dom);
expect(matches).toStrictEqual([dom[0].children[1] as Element]);
});
});
describe("no matches", () => {
it("should for ~=", () => {
expect(CSSselect._compileUnsafe("[foo~='baz bar']")).toBe(
falseFunc
);
});
it("should for $=", () => {
expect(CSSselect._compileUnsafe("[foo$='']")).toBe(falseFunc);
});
it("should for *=", () => {
expect(CSSselect._compileUnsafe("[foo*='']")).toBe(falseFunc);
});
});
});
|
