Значения Jest Compared визуально не отличаются. при тестировании массивов

Мне нужно протестировать массив, возвращаемый из refExp, с помощью jest.

Я получаю эту ошибку:

Compared values have no visual difference

В настоящее время у меня есть обходной путь, и я использую JSON.stringify () в expect и toEqual, определенно звучит как взлом, и я хотел бы знать, смогу ли я исправить это без него.

Любые идеи приветствуются.

Демо: https://repl.it/repls/VictoriousCapitalProfile

const REG_EXP_CHECKBOX = /\$\$id=(\w+)(?:&amp;description=(\w+))?\$\$([^$]*(?:\$(?!\$)[^$]*)*$)?/
describe('regExp', () => {
  it('should match REG_EXP_CHECKBOX', () => {
    expect('- [ ] $$id=uniq_id$$'.match(REG_EXP_CHECKBOX)).toEqual(
      ['$$id=uniq_id$$', 'uniq_id', undefined, undefined],
    )

    expect(['a', undefined]).toEqual(['a', undefined]);
  });
});

javascript jestjs

10.12.2018 22:42

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

1 654

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Сравнить массивы не так-то просто, потому что 2 массива не равны, это разные объекты, с разным экземпляром. Итак, у вас есть 2 не равных массива без какой-либо визуальной разницы.

Что вы можете сделать, так это разделить свой ответ и проверить каждое значение, например:

const add = require('./add');
const REG_EXP_CHECKBOX = /\$\$id=(\w+)(?:&amp;description=(\w+))?\$\$([^$]*(?:\$(?!\$)[^$]*)*$)?/
describe('add', () => {
  it('should add two numbers', () => {
    const response = '- [ ] $$id=uniq_id$$'.match(REG_EXP_CHECKBOX);
    expect(response [0]).toEqual('$$id=uniq_id$$');
    expect(response [1]).toEqual('uniq_id');
    expect(response [2]).toBeUndefined();
    expect(response [3]).toBeUndefined();
  });
});

Здесь вы проверяете ответ, и строка и неопределенные значения будут утверждены правильно.

10.12.2018 23:00

Ответ принят как подходящий

Вы можете использовать функцию Array.from, которая может создавать мелко скопированный экземпляр массива из объекта, подобного массиву или повторяемого объекта.

Код будет выглядеть так (демонстрация):

const REG_EXP_CHECKBOX = /\$\$id=(\w+)(?:&amp;description=(\w+))?\$\$([^$]*(?:\$(?!\$)[^$]*)*$)?/
describe('regExp', () => {
  it('should match REG_EXP_CHECKBOX', () => {
    expect(Array.from('- [ ] $$id=uniq_id$$'.match(REG_EXP_CHECKBOX) || [])).toEqual(
      ['$$id=uniq_id$$', 'uniq_id', undefined, undefined],
    )
  });
});

Потрясающий! То, что я искал!

— 11.12.2018 12:11

Обратите внимание на ...|| [], который может порадовать компилятор TS, если вы его используете.

— 11.12.2018 12:17

11.12.2018 12:11