mask.test.js 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305
  1. import { Jimp, mkJGD } from '@jimp/test-utils';
  2. import configure from '@jimp/custom';
  3. import mask from '../src';
  4. const jimp = configure({ plugins: [mask] }, Jimp);
  5. describe('Mask', () => {
  6. let imgSrcOpaq;
  7. let imgSrcAlpa;
  8. let maskGrayBig;
  9. let maskGraySmall;
  10. let maskColor;
  11. before(done => {
  12. Promise.all([
  13. jimp.read(mkJGD('▴□▾□■□', '■▴■▾■□', '■□▴□▾□', '■□■▴■▾')),
  14. jimp.read(mkJGD('▴▵▾▿', '▴▵▾▿', '▴▵▾▿')),
  15. jimp.read(mkJGD('048840', '8CFFC8', '8CFFC8', '048840')),
  16. jimp.read(mkJGD('0369', '369C', '69CF')),
  17. jimp.read(mkJGD('▴▴▾▾', '▪▪▰▰', '□□□□'))
  18. ])
  19. .then(imgs => {
  20. imgSrcOpaq = imgs[0];
  21. imgSrcAlpa = imgs[1];
  22. maskGrayBig = imgs[2];
  23. maskGraySmall = imgs[3];
  24. maskColor = imgs[4];
  25. done();
  26. })
  27. .catch(done);
  28. });
  29. it('Affect opaque image with a gray mask with the same size', () => {
  30. imgSrcOpaq
  31. .clone()
  32. .mask(maskGrayBig)
  33. .getJGDSync()
  34. .should.be.sameJGD({
  35. width: 6,
  36. height: 4,
  37. data: [
  38. 0xff000000,
  39. 0xffffff44,
  40. 0x0000ff88,
  41. 0xffffff88,
  42. 0x00000044,
  43. 0xffffff00,
  44. 0x00000088,
  45. 0xff0000cc,
  46. 0x000000ff,
  47. 0x0000ffff,
  48. 0x000000cc,
  49. 0xffffff88,
  50. 0x00000088,
  51. 0xffffffcc,
  52. 0xff0000ff,
  53. 0xffffffff,
  54. 0x0000ffcc,
  55. 0xffffff88,
  56. 0x00000000,
  57. 0xffffff44,
  58. 0x00000088,
  59. 0xff000088,
  60. 0x00000044,
  61. 0x0000ff00
  62. ]
  63. });
  64. });
  65. it('Affect opaque image with a gray mask with the same size, blited', () => {
  66. imgSrcOpaq
  67. .clone()
  68. .mask(maskGrayBig, 1, 1)
  69. .getJGDSync()
  70. .should.be.sameJGD({
  71. width: 6,
  72. height: 4,
  73. data: [
  74. 0xff0000ff,
  75. 0xffffffff,
  76. 0x0000ffff,
  77. 0xffffffff,
  78. 0x000000ff,
  79. 0xffffffff,
  80. 0x000000ff,
  81. 0xff000000,
  82. 0x00000044,
  83. 0x0000ff88,
  84. 0x00000088,
  85. 0xffffff44,
  86. 0x000000ff,
  87. 0xffffff88,
  88. 0xff0000cc,
  89. 0xffffffff,
  90. 0x0000ffff,
  91. 0xffffffcc,
  92. 0x000000ff,
  93. 0xffffff88,
  94. 0x000000cc,
  95. 0xff0000ff,
  96. 0x000000ff,
  97. 0x0000ffcc
  98. ]
  99. });
  100. });
  101. it('Affect opaque image with a gray mask with the same size, blited negative', () => {
  102. imgSrcOpaq
  103. .clone()
  104. .mask(maskGrayBig, -1, -1)
  105. .getJGDSync()
  106. .should.be.sameJGD({
  107. width: 6,
  108. height: 4,
  109. data: [
  110. 0xff0000cc,
  111. 0xffffffff,
  112. 0x0000ffff,
  113. 0xffffffcc,
  114. 0x00000088,
  115. 0xffffffff,
  116. 0x000000cc,
  117. 0xff0000ff,
  118. 0x000000ff,
  119. 0x0000ffcc,
  120. 0x00000088,
  121. 0xffffffff,
  122. 0x00000044,
  123. 0xffffff88,
  124. 0xff000088,
  125. 0xffffff44,
  126. 0x0000ff00,
  127. 0xffffffff,
  128. 0x000000ff,
  129. 0xffffffff,
  130. 0x000000ff,
  131. 0xff0000ff,
  132. 0x000000ff,
  133. 0x0000ffff
  134. ]
  135. });
  136. });
  137. it('Affect opaque image with a smaller gray mask', () => {
  138. imgSrcOpaq
  139. .clone()
  140. .mask(maskGraySmall)
  141. .getJGDSync()
  142. .should.be.sameJGD({
  143. width: 6,
  144. height: 4,
  145. data: [
  146. 0xff000000,
  147. 0xffffff33,
  148. 0x0000ff66,
  149. 0xffffff99,
  150. 0x000000ff,
  151. 0xffffffff,
  152. 0x00000033,
  153. 0xff000066,
  154. 0x00000099,
  155. 0x0000ffcc,
  156. 0x000000ff,
  157. 0xffffffff,
  158. 0x00000066,
  159. 0xffffff99,
  160. 0xff0000cc,
  161. 0xffffffff,
  162. 0x0000ffff,
  163. 0xffffffff,
  164. 0x000000ff,
  165. 0xffffffff,
  166. 0x000000ff,
  167. 0xff0000ff,
  168. 0x000000ff,
  169. 0x0000ffff
  170. ]
  171. });
  172. });
  173. it('Affect opaque image with a smaller gray mask, blited', () => {
  174. imgSrcOpaq
  175. .clone()
  176. .mask(maskGraySmall, 1, 1)
  177. .getJGDSync()
  178. .should.be.sameJGD({
  179. width: 6,
  180. height: 4,
  181. data: [
  182. 0xff0000ff,
  183. 0xffffffff,
  184. 0x0000ffff,
  185. 0xffffffff,
  186. 0x000000ff,
  187. 0xffffffff,
  188. 0x000000ff,
  189. 0xff000000,
  190. 0x00000033,
  191. 0x0000ff66,
  192. 0x00000099,
  193. 0xffffffff,
  194. 0x000000ff,
  195. 0xffffff33,
  196. 0xff000066,
  197. 0xffffff99,
  198. 0x0000ffcc,
  199. 0xffffffff,
  200. 0x000000ff,
  201. 0xffffff66,
  202. 0x00000099,
  203. 0xff0000cc,
  204. 0x000000ff,
  205. 0x0000ffff
  206. ]
  207. });
  208. });
  209. it('Affect alpha image with a bigger gray mask', () => {
  210. imgSrcAlpa
  211. .clone()
  212. .mask(maskGrayBig)
  213. .getJGDSync()
  214. .should.be.sameJGD({
  215. width: 4,
  216. height: 3,
  217. data: [
  218. 0xff000000,
  219. 0xff000021,
  220. 0x0000ff88,
  221. 0x0000ff43,
  222. 0xff000088,
  223. 0xff000065,
  224. 0x0000ffff,
  225. 0x0000ff7f,
  226. 0xff000088,
  227. 0xff000065,
  228. 0x0000ffff,
  229. 0x0000ff7f
  230. ]
  231. });
  232. });
  233. it('Affect alpha image with a bigger gray mask, blited', () => {
  234. imgSrcAlpa
  235. .clone()
  236. .mask(maskGrayBig, -1, -1)
  237. .getJGDSync()
  238. .should.be.sameJGD({
  239. width: 4,
  240. height: 3,
  241. data: [
  242. 0xff0000cc,
  243. 0xff00007f,
  244. 0x0000ffff,
  245. 0x0000ff65,
  246. 0xff0000cc,
  247. 0xff00007f,
  248. 0x0000ffff,
  249. 0x0000ff65,
  250. 0xff000044,
  251. 0xff000043,
  252. 0x0000ff88,
  253. 0x0000ff21
  254. ]
  255. });
  256. });
  257. it('Affect opaque image with a colored mask', () => {
  258. imgSrcOpaq
  259. .clone()
  260. .mask(maskColor, 1, 1)
  261. .getJGDSync()
  262. .should.be.sameJGD({
  263. width: 6,
  264. height: 4,
  265. data: [
  266. 0xff0000ff,
  267. 0xffffffff,
  268. 0x0000ffff,
  269. 0xffffffff,
  270. 0x000000ff,
  271. 0xffffffff,
  272. 0x000000ff,
  273. 0xff000055,
  274. 0x00000055,
  275. 0x0000ff55,
  276. 0x00000055,
  277. 0xffffffff,
  278. 0x000000ff,
  279. 0xffffffaa,
  280. 0xff0000aa,
  281. 0xffffffaa,
  282. 0x0000ffaa,
  283. 0xffffffff,
  284. 0x000000ff,
  285. 0xffffffff,
  286. 0x000000ff,
  287. 0xff0000ff,
  288. 0x000000ff,
  289. 0x0000ffff
  290. ]
  291. });
  292. });
  293. });