@@ -3,7 +3,7 @@ import { extractTags, parseSpark, stringToHue } from "./stringUtils";
3
3
describe ( "extractTags" , ( ) => {
4
4
test ( "extracts one tag from only tag input" , ( ) => {
5
5
const html =
6
- '<p><span style="--tag-color: 135" data-type="tag " class="tag" data-id="world">#world</span></p>' ;
6
+ '<p><span style="--tag-color: 135" data-type="tags " class="tag" data-id="world">#world</span></p>' ;
7
7
const expectedTags : string [ ] = [ "world" ] ;
8
8
9
9
const tags = extractTags ( html ) ;
@@ -23,7 +23,7 @@ describe("extractTags", () => {
23
23
24
24
test ( "extracts multiple tags from only tag input" , ( ) => {
25
25
const html =
26
- '<p><span style="--tag-color: 135" data-type="tag " class="tag" data-id="phone">#phone</span> <span style="--tag-color: 1" data-type="tag " class="tag" data-id="number">#thiswillbeignoredandonlydataidwillbeparsed</span></p>' ;
26
+ '<p><span style="--tag-color: 135" data-type="tags " class="tag" data-id="phone">#phone</span> <span style="--tag-color: 1" data-type="tags " class="tag" data-id="number">#thiswillbeignoredandonlydataidwillbeparsed</span></p>' ;
27
27
const expectedTags : string [ ] = [ "phone" , "number" ] ;
28
28
29
29
const tags = extractTags ( html ) ;
@@ -33,7 +33,7 @@ describe("extractTags", () => {
33
33
34
34
test ( "extracts multiple tags from mixed input" , ( ) => {
35
35
const html =
36
- '<p>Fun <span style="--tag-color: 0" data-type="tag " class="tag" data-id="scissor">#scissor</span> #utilitiesNotARealTag <span style="--tag-color: 22" data-type="tag " class="tag" data-id="music">#music</span> life <span style="--tag-color: 444" data-type="tag " class="tag" data-id="attention">#attention</span> </p>' ;
36
+ '<p>Fun <span style="--tag-color: 0" data-type="tags " class="tag" data-id="scissor">#scissor</span> #utilitiesNotARealTag <span style="--tag-color: 22" data-type="tags " class="tag" data-id="music">#music</span> life <span style="--tag-color: 444" data-type="tags " class="tag" data-id="attention">#attention</span> </p>' ;
37
37
const expectedTags : string [ ] = [ "scissor" , "music" , "attention" ] ;
38
38
39
39
const tags = extractTags ( html ) ;
@@ -43,7 +43,7 @@ describe("extractTags", () => {
43
43
44
44
test ( "returns only lowercase tags" , ( ) => {
45
45
const html =
46
- '<p><span style="--tag-color: 135" data-type="tag " class="tag" data-id="FreedomEnergy">#FreedomEnergy</span></p>' ;
46
+ '<p><span style="--tag-color: 135" data-type="tags " class="tag" data-id="FreedomEnergy">#FreedomEnergy</span></p>' ;
47
47
const expectedTags : string [ ] = [ "freedomenergy" ] ;
48
48
49
49
const tags = extractTags ( html ) ;
@@ -56,13 +56,13 @@ describe("parseSpark", () => {
56
56
test ( "returns the correct prefixTags and remainingTags" , ( ) => {
57
57
const content = "#tag1 #tag2 I am great #tag3" ;
58
58
const html =
59
- '"<p><span style="--tag-color: 135" data-type="tag " class="tag" data-id="tag1">#tag1</span> <span style="--tag-color: 140" data-type="tag " class="tag" data-id="tag2">#tag2</span> I am great <span style="--tag-color: 145" data-type="tag " class="tag" data-id="tag3">#tag3</span></p>"' ;
59
+ '"<p><span style="--tag-color: 135" data-type="tags " class="tag" data-id="tag1">#tag1</span> <span style="--tag-color: 140" data-type="tags " class="tag" data-id="tag2">#tag2</span> I am great <span style="--tag-color: 145" data-type="tags " class="tag" data-id="tag3">#tag3</span></p>"' ;
60
60
const expectedPrefixTags = [ "tag1" , "tag2" ] ;
61
- const expectedPrefixTagsHtml = `<span style="--tag-color: 135" data-type="tag " class="tag" data-id="tag1">#tag1</span> <span style="--tag-color: 140" data-type="tag " class="tag" data-id="tag2">#tag2</span> ` ;
61
+ const expectedPrefixTagsHtml = `<span style="--tag-color: 135" data-type="tags " class="tag" data-id="tag1">#tag1</span> <span style="--tag-color: 140" data-type="tags " class="tag" data-id="tag2">#tag2</span> ` ;
62
62
const expectedTags = [ "tag1" , "tag2" , "tag3" ] ;
63
63
const expectStrippedPlainText = "I am great #tag3" ;
64
64
const expectStrippedHtml =
65
- '"<p>I am great <span style="--tag-color: 145" data-type="tag " class="tag" data-id="tag3">#tag3</span></p>"' ;
65
+ '"<p>I am great <span style="--tag-color: 145" data-type="tags " class="tag" data-id="tag3">#tag3</span></p>"' ;
66
66
67
67
const {
68
68
prefixTags,
@@ -132,13 +132,13 @@ describe("parseSpark", () => {
132
132
test ( "returns empty prefixTags and correct remainingTags when there are no prefix tags and one or more remaining tags" , ( ) => {
133
133
const content = "Hello world #tag1 #tag2 #tag3" ;
134
134
const html =
135
- '<p>Hello world <span style="--tag-color: 135" data-type="tag " class="tag" data-id="tag1">#tag1</span> <span style="--tag-color: 140" data-type="tag " class="tag" data-id="tag2">#tag2</span> <span style="--tag-color: 145" data-type="tag " class="tag" data-id="tag3">#tag3</span></p>' ;
135
+ '<p>Hello world <span style="--tag-color: 135" data-type="tags " class="tag" data-id="tag1">#tag1</span> <span style="--tag-color: 140" data-type="tags " class="tag" data-id="tag2">#tag2</span> <span style="--tag-color: 145" data-type="tags " class="tag" data-id="tag3">#tag3</span></p>' ;
136
136
const expectedPrefixTags : string [ ] = [ ] ;
137
137
const expectedPrefixTagsHtml = "" ;
138
138
const expectedTags = [ "tag1" , "tag2" , "tag3" ] ;
139
139
const expectStrippedPlainText = "Hello world #tag1 #tag2 #tag3" ;
140
140
const expectStrippedHtml =
141
- '<p>Hello world <span style="--tag-color: 135" data-type="tag " class="tag" data-id="tag1">#tag1</span> <span style="--tag-color: 140" data-type="tag " class="tag" data-id="tag2">#tag2</span> <span style="--tag-color: 145" data-type="tag " class="tag" data-id="tag3">#tag3</span></p>' ;
141
+ '<p>Hello world <span style="--tag-color: 135" data-type="tags " class="tag" data-id="tag1">#tag1</span> <span style="--tag-color: 140" data-type="tags " class="tag" data-id="tag2">#tag2</span> <span style="--tag-color: 145" data-type="tags " class="tag" data-id="tag3">#tag3</span></p>' ;
142
142
143
143
const {
144
144
prefixTags,
@@ -158,14 +158,14 @@ describe("parseSpark", () => {
158
158
test ( "returns three prefix tags" , ( ) => {
159
159
const content = "#tag1 #tag2 #tag3" ;
160
160
const html =
161
- '<p><span style="--tag-color: 135" data-type="tag " class="tag" data-id="tag1">#tag1</span> <span style="--tag-color: 140" data-type="tag " class="tag" data-id="tag2">#tag2</span> <span style="--tag-color: 145" data-type="tag " class="tag" data-id="tag3">#tag3</span></p>' ;
161
+ '<p><span style="--tag-color: 135" data-type="tags " class="tag" data-id="tag1">#tag1</span> <span style="--tag-color: 140" data-type="tags " class="tag" data-id="tag2">#tag2</span> <span style="--tag-color: 145" data-type="tags " class="tag" data-id="tag3">#tag3</span></p>' ;
162
162
const expectedPrefixTags : string [ ] = [ "tag1" , "tag2" , "tag3" ] ;
163
163
const expectedPrefixTagsHtml =
164
- '<span style="--tag-color: 135" data-type="tag " class="tag" data-id="tag1">#tag1</span> <span style="--tag-color: 140" data-type="tag " class="tag" data-id="tag2">#tag2</span> <span style="--tag-color: 145" data-type="tag " class="tag" data-id="tag3">#tag3</span> ' ;
164
+ '<span style="--tag-color: 135" data-type="tags " class="tag" data-id="tag1">#tag1</span> <span style="--tag-color: 140" data-type="tags " class="tag" data-id="tag2">#tag2</span> <span style="--tag-color: 145" data-type="tags " class="tag" data-id="tag3">#tag3</span> ' ;
165
165
const expectedTags = [ "tag1" , "tag2" , "tag3" ] ;
166
166
const expectStrippedPlainText = "" ;
167
167
const expectStrippedHtml =
168
- '<p><span style="--tag-color: 135" data-type="tag " class="tag" data-id="tag1">#tag1</span> <span style="--tag-color: 140" data-type="tag " class="tag" data-id="tag2">#tag2</span> <span style="--tag-color: 145" data-type="tag " class="tag" data-id="tag3">#tag3</span></p>' ;
168
+ '<p><span style="--tag-color: 135" data-type="tags " class="tag" data-id="tag1">#tag1</span> <span style="--tag-color: 140" data-type="tags " class="tag" data-id="tag2">#tag2</span> <span style="--tag-color: 145" data-type="tags " class="tag" data-id="tag3">#tag3</span></p>' ;
169
169
170
170
const {
171
171
prefixTags,
0 commit comments