Как правильно тестировать дочерние элементы составной строки в компоненте React-native?

У меня следующий код:

import styled from "styled-components/native";

const BaseTitle = styled.Text`
  font-size: 18;
  font-weight: bold;
  color: #111;
`;

function Title({ title }) {
  return <BaseTitle>№{title}</BaseTitle>;
}

Как правильно проверить строку, которая должна содержать символ № и передаваемую строку?

test("Title render", () => {
  const tree = shallow(<Title title = "123123" />);
  expect(?????).toContain("№123123");
});

Не могли бы вы подробнее рассказать? Это действительно непонятно (для меня)

— 10.01.2019 15:55

@Treycos Я использую свой компонент shallow. И я не знаю, что мне нужно записать в expect, чтобы получить значение, которое я могу проверить с помощью строки "№123123". Пример: .toContain("№123123") или .toBe("№123123"). Если записать expect(tree.text()).toContain("№123123");, тогда тест вернул false.

— 10.01.2019 16:05

Могу протестировать только реквизит с названием: expect(tree.props().title).toBe('123123');. Но мне нужно проверить, что у этого компонента есть дочерний "№123123"

— 10.01.2019 16:10

javascript reactjs react-native jestjs enzyme

10.01.2019 15:38

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

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

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

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

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

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

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

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

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

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

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

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

Другие вопросы по теме

Как изменить состояние реквизита в React Hooks?

Решение CSS для избытка / переполнения вкладок

React Native - невозможно передать значение CheckBox на другой экран

Неправильные входные значения React

Стиль React Native Modal

Сбой при выполнении scrollToLocation в SectionList

React-oauth-flow + ошибка авторизации microsoft

Как мне ввести свои данные в эту пузырьковую диаграмму d3 в React?

Как динамически получить имя массива состояний React

JvectorMap перерисовывает правильные маркеры после setState reactjs

Как правильно тестировать дочерние элементы составной строки в компоненте React-native?

Другие вопросы по теме

Похожие вопросы