Модульный тест фермента проходит тест, когда он должен потерпеть неудачу

Question

Модульный тест фермента проходит тест, когда он должен потерпеть неудачу

Использовать oneignal, вы можете отправлять устройства на уведомления или устройства на сегменты, он может работать с firebase таким образом. Используйте функции oneignal для создания определенного идентификатора, сохранения его в базе данных firebase, а затем, когда идентификатор можно поместить в другой функция, которая используется для отправки уведомления. Примечания: 1-я использую его в своих приложениях с firebase, отлично работает 2-я могу отправить этот код, просто комментарии, чтобы я мог найти этот ответ

0

reactjs jestjs enzyme

задан Şivā SankĂr 31 March 2019 в 14:45

1 ответ

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

reactjs jestjs enzyme

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

score 0 · Answer 1

Вы не делаете никаких утверждений . Вам нужно expect получить какой-то результат.

Card.js (это может быть чисто функция, если не требуется state)

import React from "react";
import PropTypes from "prop-types";

const styles = {
  width: "300px",
  height: "300px"
};

const Card = ({ title, url }) =>
  title && url ? ( // if a title and url are passed in, return <div>...</div>, else return "null"
    <div className="card">
      <h1>{title}</h1>
      <div>
        <img alt="" src={url} styles={styles} />
      </div>
    </div>
  ) : null;

// PropTypes will throw a warning if either of them is missing
PropTypes.propTypes = {
  title: PropTypes.string.isRequired,
  url: PropTypes.string.isRequired
};

export default Card;

Card.test.js [ 117]

import React from "react";
import { shallow } from "enzyme";
import Card from "../index";

// we define initial props (empty strings)
const initialProps = {
  title: "",
  url: ""
};

// we shallow wrap the Card while passing in the "initialProps" 
const wrapper = shallow(<Card {...initialProps} />);

// we define some props that will be passed in during our second test
const nextProps = {
  title: "owl",
  url: "https://media.giphy.com/media/qISaMW1xwmvNS/giphy.gif"
};

describe("Card Component", () => {
  afterAll(() => wrapper.unmount());

  it("shouldn't render a card without the required props", () => {
    expect(wrapper.type()).toBeNull();
  });

  it("should render a card if the required props are present", () => {
    wrapper.setProps({ ...nextProps }); // we update the component with "nextProps"

    expect(wrapper.find("div.card")).toHaveLength(1); // expect "div.card" to be present
    expect(wrapper.find("h1").text()).toContain(nextProps.title); // expect the "h1" element to contain "owl"
    expect(wrapper.find("img").prop("src")).toBe(nextProps.url); // expect the "img"'s src to be "https://media.giphy.com/media/qISaMW1xwmvNS/giphy.gif"
  });
});

Рабочий пример : https://codesandbox.io/s/k35zpqwk97