нужно написать тест для проверки удаления ингредиентов действие: removeBurgerIngredient: (state, action: PayloadAction) => { state.burgerIngredients = state.burgerIngredients.filter( (in

Вопрос пользователя:

нужно написать тест для проверки удаления ингредиентов действие: removeBurgerIngredient: (state, action: PayloadAction) => { state.burgerIngredients = state.burgerIngredients.filter( (ingredient) => ingredient.id !== action.payload ); }, в slice import { createSlice, createAsyncThunk, PayloadAction, nanoid } from '@reduxjs/toolkit'; import { TConstructorIngredient, TIngredient } from '@utils-types'; type TBurgerState = { burgerIngredients: TConstructorIngredient[]; bun: TConstructorIngredient | null; }; const initialState: TBurgerState = { burgerIngredients: [], bun: null }; const burgerSlice = createSlice({ name: 'burgers', initialState, reducers: { addBurgerIngredient: { reducer: (state, action: PayloadAction) => { if (action.payload.type === 'bun') { state.bun = action.payload; } else { state.burgerIngredients.push(action.payload); } console.log(action.payload._id); }, prepare: (ingredient: TIngredient) => { const id = nanoid(); return { payload: { ...ingredient, id } }; } }, typescript Copy code removeBurgerIngredient: (state, action: PayloadAction<string>) => { state.burgerIngredients = state.burgerIngredients.filter( (ingredient) => ingredient.id !== action.payload ); }, moveBurgerIngredient: ( state, action: PayloadAction<{ currentIndex: number; targetIndex: number }> ) => { const { currentIndex, targetIndex } = action.payload; const ingredientToMove = state.burgerIngredients[currentIndex]; state.burgerIngredients.splice(currentIndex, 1); state.burgerIngredients.splice(targetIndex, 0, ingredientToMove); }, clearBurger: (state) => { state.burgerIngredients = []; state.bun = null; } }, selectors: { getBurgerIngredientsSelector: (state) => state.burgerIngredients, getBunSelector: (state) => state.bun } }); export const burgerSliceReducer = burgerSlice.reducer; export const { getBurgerIngredientsSelector, getBunSelector } = burgerSlice.selectors; export default burgerSlice; export const burgerSliceInitialState = initialState; TConstructorIngredient[]; TConstructorIngredient = TIngredient & { id: string; } type TIngredient = { _id: string; name: string; type: string; proteins: number; fat: number; carbohydrates: number; calories: number; price: number; image: string; image_large: string; image_mobile: string; } Как это сделать?

Ответ нейросети:

Пройдите быструю авторизацию для просмотра:

Для проверки удаления ингредиентов из бургера можно написать следующий тест:

import { removeBurgerIngredient } from './burgerSlice';

describe('burgerSlice reducers', () => {
  it('should remove ingredient from burgerIngredients', () => {
    const initialState = {
      burgerIngredients: [
        { id: '1', name: 'Ingredient 1' },
        { id: '2', name: 'Ingredient 2' },
        { id: '3', name: 'Ingredient 3' },
      ],
      bun: null,
    };

    const action = {
      type: removeBurgerIngredient.type,
      payload: '2', // id of the ingredient to remove
    };

    const newState = burgerSliceReducer(initialState, action);

    expect(newState.burgerIngredients).toHaveLength(2);
    expect(newState.burgerIngredients.map((ingredient) => ingredient.id)).not.toContain('2');
  });
});

Этот тест проверяет, что при вызове экшена removeBurgerIngredient с определенным id ингредиента, этот ингредиент будет удален из массива burgerIngredients в состоянии.

Напишите нам, если в вопросе есть ваши персональные данные (yasnoponyatno24@yandex.ru)

import { removeBurgerIngredient } from './burgerSlice';

describe('burgerSlice reducers', () => {
  it('should remove ingredient from burgerIngredients', () => {
    const initialState = {
      burgerIngredients: [
        { id: '1', name: 'Ingredient 1' },
        { id: '2', name: 'Ingredient 2' },
        { id: '3', name: 'Ingredient 3' },
      ],
      bun: null,
    };

    const action = {
      type: removeBurgerIngredient.type,
      payload: '2', // id of the ingredient to remove
    };

    const newState = burgerSliceReducer(initialState, action);

    expect(newState.burgerIngredients).toHaveLength(2);
    expect(newState.burgerIngredients.map((ingredient) => ingredient.id)).not.toContain('2');
  });
});

ЯсноПонятно24

Пройдите быструю авторизацию для просмотра:

Пройдите быструю авторизацию для просмотра:

Последние вопросы: