Failure on the expect statement when comparing numbers in Jest..."The Jest magic number comparison is

I am currently conducting a test to verify that the magic number of a Buffer is in zip format.

This involves extracting the first 4 bytes of the buffer into a string and comparing it with the magic number for zip, which is PK.

   const zipMagicNumber: string = 'PK'
   const uploadedMagicNumber: string = uploadMock.mock.calls[0][0].Body.subarray(0, 4).toString()

   expect(zipMagicNumber).toBe(uploadedMagicNumber)

However, the test is failing with the following error:

    expect(received).toBe(expected) // Object.is equality

    Expected: "PK"
    Received: "PK"

Both values are the same and they are both strings. I'm unsure what might be causing this issue. Can anyone help me identify the problem?

typescriptjestjsmagic-numbers

Answer №1

After discovering hidden characters causing a comparison error, I decided to switch to hex comparisons for better readability. This adjustment resolved the issue:

const zipMagicNumber = Buffer.from('504B0304', 'hex').toString('hex')
const uploadedMagicNumber = uploadMock.mock.calls[0][0].Body.subarray(0, 4).toString('hex')

expect(zipMagicNumber).toBe(uploadedMagicNumber)

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Angular 2: Assigning a class to a D3 element using the component's style

When creating a component in Angular 2, the `app.component.css` file defines a class called `h-bar`: In the `app.component.ts` file, d3 is utilized to create elements that should apply the `h-bar` class from the `app.component.css` file. d3.select("#cont ...

d3.jsangulartypescript

Can you specify the necessary import statement for CallableContext?

My Google Cloud function is simple and looks like this: import * as functions from 'firebase-functions'; var util = require('util') export const repeat = functions.https.onCall( function (data, context) { console.log(&apo ...

typescriptgoogle-cloud-functions

The JSX component cannot be named 'Stack.Navigator' or used as such

Encountering a type issue with react navigation using Stack.Navigation or Stack.Group from createNativeStackNavigator The error message indicates that the types do not match with JSX.element. Specifically, it states: Type '{}' is not assignable ...

typescriptreact-nativeexporeact-navigationreact-navigation-v6

Struggling with the incorporation of Typescript Augmentation into my customized MUI theme

I'm struggling with my custom theme that has additional key/values causing TS errors when I try to use the design tokens in my app. I know I need to use module augmentation to resolve this issue, but I'm confused about where to implement it and h ...

reactjstypescriptmaterial-uithemingmodule-augmentation

Defining the pattern for JEST to execute all tests except those with specific names

We are currently utilizing JEST version 21.2.1 Our Jest Configuration: "jest": { "preset": "jest-puppeteer", "testURL": "http://localhost", "testEnvironment": "jsdom", "moduleNameMapper": { "\\.(jpg|j ...

node.jsunit-testingnpmjestjs

Is it possible to programmatically include a getter method to a class in JavaScript or TypeScript?

My current focus is on TypeScript and I'm exploring the decorators functionality. I would greatly appreciate some guidance or expert knowledge on JavaScript capabilities in this area. I am curious about dynamically adding a getter method to a Prototy ...

javascripttypescriptprototypegetter

Can you explain the concept of BuildOptions in Sequelize?

Despite poring through the sequelize documentation and conducting extensive searches online, I have yet to come across a satisfactory answer: Why is BuildOptions necessary and what impact does it have on the created model? import { Sequelize, Model, Data ...

typescriptexpresssequelize.js

Angular Material 2: Sidenav does not come with a backdrop

I'm encountering an issue with the SideNav component while developing a website using Angular 2. The SideNav has 3 modes, none of which seem to affect what happens when I open it. I am trying to make the backdrop display after opening. Even though t ...

htmlangulartypescriptangular2-routingangular-material2

Ensuring data types for an array or rest parameter with multiple function arguments at once

I am looking for a way to store various functions that each take a single parameter, along with the argument for that parameter. So far, I have managed to implement type checking for one type of function at a time. However, I am seeking a solution that al ...

typescript

What enables typescript to be eligible for transpiling is its equivalent level of abstraction to javascript?

Transpilation is the act of converting code from one language to another with a similar level of abstraction. Can you point out some distinctive characteristics that indicate TypeScript transpires into JavaScript? ...

javascripttypescript

Having trouble locating a nested component through multiple ng-content in Angular 8?

Currently, I am encountering an issue while attempting to locate components nested within sub child components. To illustrate what I am aiming for, here is an example: import { Component, OnInit, ContentChildren, ElementRef, QueryList } from '@angul ...

angulartypescript

What is the correct way to use Observables in Angular to send an array from a Parent component to a Child

Initially, the task was to send JSON data from the parent component to the child component. However, loading the data through an HTTP request in the ngOnInit event posed a challenge as the data wasn't being transmitted to the child component. Here is ...

angulartypescriptobservable

What is the best approach to retrieve all user information using React with TypeScript and the Redux Toolkit?

I'm currently using React with TypeScript and Redux Toolkit, but I've hit a roadblock trying to retrieve user information. Below is my userSlice.ts file: export const userSlice = createSlice({ name: "user", initialState: { user: null, } ...

reactjstypescriptwebreduxredux-toolkit

The compatibility between cross-fetch and React Native is currently not supported

I have developed an API wrapper that utilizes fetch to carry out the API requests. To ensure compatibility with Browsers, Node, and React Native, I incorporate cross-fetch. When testing the wrapper in Node, everything works fine. However, when using it in ...

javascripttypescriptreact-nativefetch-api

React: breaking the test with URL parameters

Currently working on a unit test for a component that requires the use of the URL parameter. Unfortunately, the test keeps failing with the following error message: BarcodePage line 14: TypeError: Cannot read property 'name' of undefined Below ...

reactjsjestjsenzyme

Fairly intricate React function component declaration with TypeScript

const withAuth = () => <OriginalProps extends {}>( Component: React.ComponentType<OriginalProps & IAuthContextInterface> ) => { } (withAuth()(PrivateRoute)) // this is how the HOC called Could someone simplify what this function d ...

reactjstypescript

"Exploring the process of making a REST call from an Angular TypeScript client to

I'm currently developing a Sessions Server for a project at work. My dilemma lies in the fact that I'm struggling to find resources on how to make JavaScript HTTP calls from a server running with http.createServer() and server.listen(8080, ...) ...

javascriptangulartypescriptresthttp

"What is the best way to determine the data type of an object retrieved from an API in TypeScript

Hey there, I'm currently developing a web application using Angular 2 and I'm focusing on implementing an exception handling mechanism. To achieve this, I've created a model that mirrors the object structure I will receive from the server (E ...

typescriptexception

Utilize Lambda Layer to seamlessly share interfaces/types across Lambda Functions

I have a lambda layer file that contains an enum definition (which will be used in various lambda functions) as shown below: exports enum EventTypes { Create, Delete, Update, } Initially, everything was working well as I tested ...

typescriptamazon-web-servicesaws-lambdaaws-lambda-layers

Enhancing TypeScript Native Interface Properties in TypeScript 2.4

After discovering an error in the native Typescript interface for HTMLTextAreaElement, I realized the need to make a correction. The current interface looks like this: interface HTMLTextAreaElement { setSelectionRange(start: number, end: number): void; ...

typescripttypescript-typings