index.test.js

/*
 * Copyright (c) 2024, Salesforce, Inc.
 * All rights reserved.
 * SPDX-License-Identifier: BSD-3-Clause
 * For full license text, see the LICENSE file in the repo root or https://opensource.org/licenses/BSD-3-Clause
 */
import React from 'react'
import {screen} from '@testing-library/react'
import PropTypes from 'prop-types'

import {renderWithProviders} from '@salesforce/retail-react-app/app/utils/test-utils'
import StoreAvailabilityText from '@salesforce/retail-react-app/app/components/store-availability-text'
import {StoreLocatorContext} from '@salesforce/retail-react-app/app/components/store-locator-modal'

const selectedStore = {
    name: 'Test Store',
    id: 'test_store',
    inventoryId: 'inventory_1'
}

const MockComponent = ({selectedStore, isStoreSelected = true, productInventories}) => {
    return (
        <StoreLocatorContext.Provider value={{selectedStore, isStoreSelected}}>
            <StoreAvailabilityText productInventories={productInventories} />
        </StoreLocatorContext.Provider>
    )
}
MockComponent.propTypes = {
    selectedStore: PropTypes.object,
    isStoreSelected: PropTypes.bool,
    productInventories: PropTypes.array
}

describe('StoreAvailability', () => {
    describe('store is not selected', () => {
        test('renders "In Stock at Select Store"', () => {
            renderWithProviders(<MockComponent selectedStore={{}} isStoreSelected={false} />)
            expect(screen.getByText(/In Stock at/i)).toBeInTheDocument()
            expect(screen.getByText(/Select Store/i)).toBeInTheDocument()
        })
    })

    describe('store is selected', () => {
        test('renders "Out of Stock at Test Store" when productInventories is undefined', () => {
            renderWithProviders(<MockComponent selectedStore={selectedStore} />)
            expect(screen.getByText(/Out of Stock at/i)).toBeInTheDocument()
            expect(screen.getByText(selectedStore.name)).toBeInTheDocument()
        })

        test('renders "Out of Stock at Test Store" when selectedStore does not have an inventoryId', () => {
            const storeWithNoInventoryId = {...selectedStore, inventoryId: null}
            renderWithProviders(<MockComponent selectedStore={storeWithNoInventoryId} />)
            expect(screen.getByText(/Out of Stock at/i)).toBeInTheDocument()
            expect(screen.getByText(selectedStore.name)).toBeInTheDocument()
        })

        test('renders "Out of Stock at Test Store" if selectedStore inventoryId is not in productInventories', () => {
            const productInventories = [{id: 'inventory_99', orderable: true}]
            renderWithProviders(
                <MockComponent
                    selectedStore={selectedStore}
                    productInventories={productInventories}
                />
            )
            expect(screen.getByText(/Out of Stock at/i)).toBeInTheDocument()
            expect(screen.getByText(selectedStore.name)).toBeInTheDocument()
        })

        test('renders "Out of Stock at Test Store" if orderable is false', () => {
            const productInventories = [{id: 'inventory_1', orderable: false}]
            renderWithProviders(
                <MockComponent
                    selectedStore={selectedStore}
                    productInventories={productInventories}
                />
            )
            expect(screen.getByText(/Out of Stock at/i)).toBeInTheDocument()
            expect(screen.getByText(selectedStore.name)).toBeInTheDocument()
        })

        test('renders "In Stock at Test Store" if orderable is true', () => {
            const productInventories = [{id: 'inventory_1', orderable: true}]
            renderWithProviders(
                <MockComponent
                    selectedStore={selectedStore}
                    productInventories={productInventories}
                />
            )
            expect(screen.getByText(/In Stock at/i)).toBeInTheDocument()
            expect(screen.getByText(selectedStore.name)).toBeInTheDocument()
        })
    })
})