@ animxyz/ core (韩语)

AnimXYZ是一个可调和的动画库,可以使您的网站发光.

见 animxyz.com (英语) 用于完整文档.

测试

测试在 test/ 并运行在平地节点Js测试跑道上(node:test, (中文(简体) ), (没有额外的框架)。 从此包目录 :

npm test

或从 repo 根 :

npm test -w @animxyz/core
# or
turbo run test

turbo run test 首先构建此套件( ưμ㼯a test 任务取决于 ^build 内 turbo.json因此,快照和大小预算测试总是运行 与新建的输出相对应.

覆盖的内容:

• 编译测试 (单位:千美元)test/compile.test.js(b) —— build.scss 没有编译 错误,且无任何 Sass 贬值警告build.scss 用途 @use没有 @import) (中文(简体) ).

• Mixin API 测试 (单位:千美元)test/mixin-api.test.js)——小型固定装置 .scss 文件在 test/fixtures/ @use 直接援引 公共组合/职能xyz-utility, (中文(简体) ), xyz-var, (中文(简体) ), xyz-set-all, (中文(简体) ), xyz-animation, (中文(简体) ), xyz-make-keyframes),断言它们编译并点出 检查公布的申报. test/fixtures/xyz-apply.scss 文档 a 已知错误 (按工作简报A2跟踪), fix/xyz-apply: 混音符 目前总是由于互换构造参数而出错。 一次A2 土地,翻过测试 从坚持 @error 主张 成功编译 . test/fixtures/xyz-time-levels-override.scss 证明 那个 $xyz-duration-levels 编号 : $xyz-delay-levels 编号 : $xyz-stagger-levels 保持独立 !default- 在从 共享 $xyz-time-levels 地图(工作简报A3).

• 快照测试 (单位:千美元)test/snapshot.test.js)——编译 build.scss (扩展后),使其正常化(批注、倒塌的空白、回流) ,并对照 承诺 test/__snapshots__/animxyz.css。如果您是故意的 更改已编译的输出, 以 :

  npm run test:update-snapshot
  

  然后审查结果 git diff 并解释您的 PR 变化 ——不要仅仅再生和盲目地犯罪.

• 规模预算 (单位:千美元)test/size-budget.test.js(......)——声称: dist/animxyz.min.css 保持在固定字节预算下(测量大小+) 10%头室). 如果某一变化有意增加产出,则重新计量和 更新 BUDGET_BYTES 在档案中 公关有正当理由.

从源头建楼

此软件包需要 达特萨斯 要编译 src/*.scss (见 sass 内 devDependencies) (中文(简体) ).

最低达特萨斯版本:1.57.0. 源头使用 sass:string是因为 string.split(),在达特·萨斯1.57中被添加. 狦 @use 这个 软件包 src/*.scss 直接(而不是消耗预建的) dist/animxyz.css),确定您自己的 Sass 编译器至少为 1.57.