feat(ci): add unit tests #7
chiptusAnnotations
10 errors
|
src/hooks/__tests__/useScrollVisibility.test.ts > useScrollVisibility > disconnects observer on unmount:
src/hooks/useScrollVisibility.ts#L19
TypeError: (callback)=>{
observeCallback = callback;
return {
observe: observeMock...<omitted>... } is not a constructor
❯ src/hooks/useScrollVisibility.ts:19:22
❯ commitHookEffectListMount node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:23189:26
❯ commitPassiveMountOnFiber node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24970:11
❯ commitPassiveMountEffects_complete node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24930:9
❯ commitPassiveMountEffects_begin node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24917:7
❯ commitPassiveMountEffects node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24905:3
❯ flushPassiveEffectsImpl node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27078:3
❯ flushPassiveEffects node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27023:14
❯ node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26808:9
|
|
src/hooks/__tests__/useScrollVisibility.test.ts > useScrollVisibility > unobserves element on unmount:
src/hooks/useScrollVisibility.ts#L19
TypeError: (callback)=>{
observeCallback = callback;
return {
observe: observeMock...<omitted>... } is not a constructor
❯ src/hooks/useScrollVisibility.ts:19:22
❯ commitHookEffectListMount node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:23189:26
❯ commitPassiveMountOnFiber node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24970:11
❯ commitPassiveMountEffects_complete node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24930:9
❯ commitPassiveMountEffects_begin node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24917:7
❯ commitPassiveMountEffects node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24905:3
❯ flushPassiveEffectsImpl node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27078:3
❯ flushPassiveEffects node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27023:14
❯ node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26808:9
|
|
src/hooks/__tests__/useScrollVisibility.test.ts > useScrollVisibility > uses default rootMargin of 0px:
src/hooks/useScrollVisibility.ts#L19
TypeError: (callback)=>{
observeCallback = callback;
return {
observe: observeMock...<omitted>... } is not a constructor
❯ src/hooks/useScrollVisibility.ts:19:22
❯ commitHookEffectListMount node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:23189:26
❯ commitPassiveMountOnFiber node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24970:11
❯ commitPassiveMountEffects_complete node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24930:9
❯ commitPassiveMountEffects_begin node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24917:7
❯ commitPassiveMountEffects node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24905:3
❯ flushPassiveEffectsImpl node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27078:3
❯ flushPassiveEffects node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27023:14
❯ node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26808:9
|
|
src/hooks/__tests__/useScrollVisibility.test.ts > useScrollVisibility > uses default threshold of 0:
src/hooks/useScrollVisibility.ts#L19
TypeError: (callback)=>{
observeCallback = callback;
return {
observe: observeMock...<omitted>... } is not a constructor
❯ src/hooks/useScrollVisibility.ts:19:22
❯ commitHookEffectListMount node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:23189:26
❯ commitPassiveMountOnFiber node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24970:11
❯ commitPassiveMountEffects_complete node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24930:9
❯ commitPassiveMountEffects_begin node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24917:7
❯ commitPassiveMountEffects node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24905:3
❯ flushPassiveEffectsImpl node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27078:3
❯ flushPassiveEffects node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27023:14
❯ node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26808:9
|
|
src/hooks/__tests__/useScrollVisibility.test.ts > useScrollVisibility > uses custom rootMargin option:
src/hooks/useScrollVisibility.ts#L19
TypeError: (callback)=>{
observeCallback = callback;
return {
observe: observeMock...<omitted>... } is not a constructor
❯ src/hooks/useScrollVisibility.ts:19:22
❯ commitHookEffectListMount node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:23189:26
❯ commitPassiveMountOnFiber node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24970:11
❯ commitPassiveMountEffects_complete node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24930:9
❯ commitPassiveMountEffects_begin node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24917:7
❯ commitPassiveMountEffects node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24905:3
❯ flushPassiveEffectsImpl node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27078:3
❯ flushPassiveEffects node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27023:14
❯ node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26808:9
|
|
src/hooks/__tests__/useScrollVisibility.test.ts > useScrollVisibility > uses custom threshold option:
src/hooks/useScrollVisibility.ts#L19
TypeError: (callback)=>{
observeCallback = callback;
return {
observe: observeMock...<omitted>... } is not a constructor
❯ src/hooks/useScrollVisibility.ts:19:22
❯ commitHookEffectListMount node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:23189:26
❯ commitPassiveMountOnFiber node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24970:11
❯ commitPassiveMountEffects_complete node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24930:9
❯ commitPassiveMountEffects_begin node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24917:7
❯ commitPassiveMountEffects node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24905:3
❯ flushPassiveEffectsImpl node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27078:3
❯ flushPassiveEffects node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27023:14
❯ node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26808:9
|
|
src/hooks/__tests__/useScrollVisibility.test.ts > useScrollVisibility > updates visibility when element becomes hidden:
src/hooks/useScrollVisibility.ts#L19
TypeError: (callback)=>{
observeCallback = callback;
return {
observe: observeMock...<omitted>... } is not a constructor
❯ src/hooks/useScrollVisibility.ts:19:22
❯ commitHookEffectListMount node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:23189:26
❯ commitPassiveMountOnFiber node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24970:11
❯ commitPassiveMountEffects_complete node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24930:9
❯ commitPassiveMountEffects_begin node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24917:7
❯ commitPassiveMountEffects node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24905:3
❯ flushPassiveEffectsImpl node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27078:3
❯ flushPassiveEffects node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27023:14
❯ node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26808:9
|
|
src/hooks/__tests__/useScrollVisibility.test.ts > useScrollVisibility > updates visibility when element becomes visible:
src/hooks/useScrollVisibility.ts#L19
TypeError: (callback)=>{
observeCallback = callback;
return {
observe: observeMock...<omitted>... } is not a constructor
❯ src/hooks/useScrollVisibility.ts:19:22
❯ commitHookEffectListMount node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:23189:26
❯ commitPassiveMountOnFiber node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24970:11
❯ commitPassiveMountEffects_complete node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24930:9
❯ commitPassiveMountEffects_begin node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24917:7
❯ commitPassiveMountEffects node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24905:3
❯ flushPassiveEffectsImpl node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27078:3
❯ flushPassiveEffects node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27023:14
❯ node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26808:9
|
|
src/hooks/__tests__/useScrollVisibility.test.ts > useScrollVisibility > observes element when ref has current:
src/hooks/useScrollVisibility.ts#L19
TypeError: (callback)=>{
observeCallback = callback;
return {
observe: observeMock...<omitted>... } is not a constructor
❯ src/hooks/useScrollVisibility.ts:19:22
❯ commitHookEffectListMount node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:23189:26
❯ commitPassiveMountOnFiber node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24970:11
❯ commitPassiveMountEffects_complete node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24930:9
❯ commitPassiveMountEffects_begin node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24917:7
❯ commitPassiveMountEffects node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24905:3
❯ flushPassiveEffectsImpl node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27078:3
❯ flushPassiveEffects node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27023:14
❯ node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26808:9
|
|
src/hooks/__tests__/useScrollVisibility.test.ts > useScrollVisibility > returns true by default:
src/hooks/useScrollVisibility.ts#L19
TypeError: (callback)=>{
observeCallback = callback;
return {
observe: observeMock...<omitted>... } is not a constructor
❯ src/hooks/useScrollVisibility.ts:19:22
❯ commitHookEffectListMount node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:23189:26
❯ commitPassiveMountOnFiber node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24970:11
❯ commitPassiveMountEffects_complete node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24930:9
❯ commitPassiveMountEffects_begin node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24917:7
❯ commitPassiveMountEffects node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:24905:3
❯ flushPassiveEffectsImpl node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27078:3
❯ flushPassiveEffects node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:27023:14
❯ node_modules/.pnpm/[email protected][email protected]/node_modules/react-dom/cjs/react-dom.development.js:26808:9
|