Notes

> [email protected] test
> jest client/tests/pages/FeedDetailsPage.test.js

console.error
Warning: Failed prop type: The prop `parent` is marked as required in `CellMeasurer2`, but its value is `undefined`.
in CellMeasurer2 (created by Grid2)
in Grid2 (created by Table2)
in div (created by Table2)
in Table2 (created by ReactVirtualizedTable2)
in ReactVirtualizedTable2 (created by FilterTable2)
in div (created by FilterTable2)
in div (created by _default2)
in div (created by _default2)
in section (created by _default2)
in _default2 (created by FilterTable2)
in section (created by FilterTable2)
in section (created by FilterTable2)
in FilterTable2
in div
in Unknown (created by FeedDetailsPage)
in div (created by FeedDetailsPage)
in section (created by FeedDetailsPage)
in div (created by FeedDetailsPage)
in div (created by Slider)
in div (created by Slider)
in div (created by Track)
in Track (created by InnerSlider)
in div (created by InnerSlider)
in div (created by InnerSlider)
in InnerSlider (created by Slider)
in Slider (created by FeedDetailsPage)
in section (created by FeedDetailsPage)
in section (created by FeedDetailsPage)
in FeedDetailsPage
in Router2 (created by MemoryRouter2)
in MemoryRouter2
in Provider

113 | <Router>
114 | <FeedDetailsPage />
> 115 | </Router>
| ^
116 | </Provider>
117 | );
118 |

at printWarning (node_modules/prop-types/checkPropTypes.js:19:15)
at checkPropTypes (node_modules/prop-types/checkPropTypes.js:82:11)
at validatePropTypes (node_modules/react/cjs/react.development.js:1714:7)
at Object.createElementWithValidation [as createElement] (node_modules/react/cjs/react.development.js:1813:5)
at node_modules/@aosprodsys/brucke-ui-core/dist/es/components/ReactVirtualizedTable.js:226:48
at Table2._createRow (node_modules/react-virtualized/dist/es/Table/Table.js:400:14)
at defaultCellRangeRenderer (node_modules/react-virtualized/dist/es/Grid/defaultCellRangeRenderer.js:74:24)
at Grid2._calculateChildrenToRender (node_modules/react-virtualized/dist/es/Grid/Grid.js:627:35)
at Grid2.render (node_modules/react-virtualized/dist/es/Grid/Grid.js:515:12)
at finishClassComponent (node_modules/react-dom/cjs/react-dom.development.js:17160:31)
at updateClassComponent (node_modules/react-dom/cjs/react-dom.development.js:17110:24)
at beginWork (node_modules/react-dom/cjs/react-dom.development.js:18620:16)
at beginWork$1 (node_modules/react-dom/cjs/react-dom.development.js:23179:14)
at performUnitOfWork (node_modules/react-dom/cjs/react-dom.development.js:22157:12)
at workLoopSync (node_modules/react-dom/cjs/react-dom.development.js:22130:22)
at performSyncWorkOnRoot (node_modules/react-dom/cjs/react-dom.development.js:21756:9)
at scheduleUpdateOnFiber (node_modules/react-dom/cjs/react-dom.development.js:21188:7)
at updateContainer (node_modules/react-dom/cjs/react-dom.development.js:24373:3)
at node_modules/react-dom/cjs/react-dom.development.js:24758:7
at unbatchedUpdates (node_modules/react-dom/cjs/react-dom.development.js:21903:12)
at legacyRenderSubtreeIntoContainer (node_modules/react-dom/cjs/react-dom.development.js:24757:5)
at Object.render (node_modules/react-dom/cjs/react-dom.development.js:24840:10)
at node_modules/@testing-library/react/dist/pure.js:101:25
at batchedUpdates$1 (node_modules/react-dom/cjs/react-dom.development.js:21856:12)
at act (node_modules/react-dom/cjs/react-dom-test-utils.development.js:929:14)
at render (node_modules/@testing-library/react/dist/pure.js:97:26)
at Object.<anonymous> (client/tests/pages/FeedDetailsPage.test.js:115:28)
at TestScheduler.scheduleTests (node_modules/@jest/core/build/TestScheduler.js:333:13)
at runJest (node_modules/@jest/core/build/runJest.js:404:19)
at _run10000 (node_modules/@jest/core/build/cli/index.js:320:7)
at runCLI (node_modules/@jest/core/build/cli/index.js:173:3)

FAIL client/tests/pages/FeedDetailsPage.test.js
PartnerFeedsAuditPage
✓ fetches initial data and sets initial state on mount (74 ms)
✕ handles date option click and triggers data refresh (28 ms)
✕ navigates slider and updates selected feed (24 ms)
✕ triggers download when download icon is clicked (57 ms)
✕ displays loader when data is being fetched (2 ms)
✕ updates feed type via TypeAhead and fetches marketing context (2 ms)
✕ navigates back to the partner feeds audit page on back link click (1 ms)
✕ handles timeline index click and updates the feed (1 ms)

● PartnerFeedsAuditPage › handles date option click and triggers data refresh

TestingLibraryElementError: Unable to find an element with the text: Last 7 days. This could be because the text is broken up by multiple elements. In this case, you can provide a function for your text matcher to make your matcher more flexible.

Ignored nodes: comments, script, style
<body>
<div>
<section
class="feedDetails feed-details"
>
<header
class="brucke-header page-header"
>
<div
class="title-container"
>
<span
class="apple-icons ac-icon-drawer"
/>
<div
class="list-header"
>
<h4
class="header global-header-super"
/>
<span
class="subtitle"
>
Published on
<strong>
2024-04-19, 12:16 PM
</strong>
</span>
</div>
</div>
<div
class="middle-container"
/>
<div
class="actions-container"
/>
</header>
<section
class="well"
>
<button
class="link back-link global-link-medium"
>
<span
class="icon icon-chevronleft"
/>
Back to Partner Feeds Audit
</button>
<div
class="date-select-container"
>
<div
class="brucke-menu-container"
>
<a
class="brucke-actions-menu actions-menu global-link-bold"
id="actions-123"
>

<span
class="icon icon-chevrondown"
/>
</a>
</div>
</div>
<section
class="timeline-container"
/>
<div
class="slick-slider slick-initialized"
>

<div
class="slick-list"
>
<div
class="slick-track"
style="opacity: 1; transform: translate3d(0px, 0px, 0px);"
>
<div
aria-hidden="false"
class="slick-slide slick-active"
data-index="0"
style="outline: none; width: 0px;"
tabindex="-1"
>
<div>
<div
class="slider-item"
style="width: 100%; display: inline-block;"
tabindex="-1"
>
<section
class="queue-headers-container"
>
<h4>
<strong>
Feed Information
</strong>
</h4>
<div
class="feed-headers-list"
>
<div
class="feed-header"
>
<h5>
<strong>
Feed Type
</strong>
</h5>
<div
class="brucke-lookup-select form-dropdown feed-header-value "
>
<div
class="form-dropdown-select form-dropdown-selectnone css-2b097c-container"
>
<div
class="brucke__control css-zydr87-control"
>
<div
class="brucke__value-container css-1a9cv00-ValueContainer"
>
<div
class="brucke__placeholder css-1wa3eu0-placeholder"
/>
<div
class="css-y2lfh1-Input"
>
<div
class="brucke__input"
style="display: inline-block;"
>
<input
aria-autocomplete="list"
autocapitalize="none"
autocomplete="off"
autocorrect="off"
id="react-select-3-input"
spellcheck="false"
style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
tabindex="0"
type="text"
value=""
/>
<div
style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
/>
</div>
</div>
</div>
<div
class="brucke__indicators css-1hb7zxy-IndicatorsContainer"
/>
</div>
</div>
<span
aria-hidden="true"
class="form-dropdown-chevron "
/>
<span
aria-hidden="true"
class="form-dropdown-label dropdown-with-chevron"
>
Feed Type
</span>
</div>
</div>
<div
class="feed-header"
>
<h5>
<strong>
Total Expected Messages
</strong>
</h5>
<span
class="feed-header-value"
>
-
</span>
</div>
<div
class="feed-header"
>
<h5>
<strong>
Total Received Messages
</strong>
</h5>
<span
class="feed-header-value"
>
-
</span>
</div>
<div
class="feed-header"
>
<h5>
<strong>
Group Type
</strong>
</h5>
<span
class="feed-header-value"
>
-
</span>
</div>
</div>
</section>
<br />
<section
class="attributes-container"
>
<h4>
<strong>
Marketing Context
</strong>
</h4>
<div
class="attributes-list full-page"
>
<div>
<section
class="brucke-filter-table filter-table-container filters-list-expanded"
>
<header
class="filter-table-header"
>
<span
class="filter-toggle"
>
<span
class="apple-icons ac-icon-filters"
/>
<span
class="global-link-medium filter-text"
>
Hide
Filters
</span>
</span>
<div
class="search-filters-container"
>
<div
class="search-container"
>
<div
class="brucke-input form-textbox form-textbox-with-lefticon search-input form-textbox-with-righticon form-textbox-with-lefticon"
>
<input
autocomplete="off"
class=" form-textbox-input"
name="Search"
type="text"
value=""
/>
<span
class="form-textbox-label"
>
Search
</span>
<div
class="form-textbox-lefticon form-icons-focusable"
>
<span
class="form-icons form-icons-search15"
/>
</div>
<div
class="form-textbox-righticon form-icons-focusable "
/>
</div>
</div>
<section
class="filter-values-container"
/>
</div>
</header>
<div
class="row-count-container"
/>
<section
class="filters-table-container"
style="height: 542px;"
>
<section
class="filters-list expanded"
>
<div
class="brucke-table-filters filter-item"
>
<div
class="filter-header"
>
<span
class="global-header-small"
>
Marketing Context
</span>
<span
class="icon icon-plus "
/>
</div>
<div
class="filter-item-container undefined"
>
<div
class="menu"
>
<div
class="brucke-input form-textbox undefined"
>
<input
class=" form-textbox-input"
name="Marketing Context"
type="text"
value=""
/>
<span
class="form-textbox-label"
>
Marketing Context
</span>
</div>
</div>
</div>
</div>
<div
class="brucke-table-filters filter-item"
>
<div
class="filter-header"
>
<span
class="global-header-small"
>
Size (KB)
</span>
<span
class="icon icon-plus "
/>
</div>
<div
class="filter-item-container undefined"
>
<div
class="menu"
>
<div
class="brucke-input form-textbox undefined"
>
<input
class=" form-textbox-input"
name="Size (KB)"
type="text"
value=""
/>
<span
class="form-textbox-label"
>
Size (KB)
</span>
</div>
</div>
</div>
</div>
</section>
<h3
class="no-results-text global-header-mega"
>
Your search yielded no results.
</h3>
</section>
</section>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</div>


</div>
</section>
</section>
</div>
</body>

73 | const downloadMCMock = jest.fn();
74 | partnerFeedsAudit.downloadMC = downloadMCMock;
> 75 | partnerFeedsAudit.marketingContextAudit = { partnerMarketingContextFileDetails: [{ key: 'Context1', fileSize: '100', geo: 'US', channel: 'Online', fileName: 'file1', lang: 'en', segment: 'consumer' }] };
| ^
76 |
77 | const { getByTitle } = render(
78 | <Provider {...{ partnerFeedsAudit, appState }}>

at Object.getElementError (node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/config.js:37:19)
at node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:76:38
at node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:52:17
at node_modules/@testing-library/react/node_modules/@testing-library/dom/dist/query-helpers.js:95:19
at Object.<anonymous> (client/tests/pages/FeedDetailsPage.test.js:75:23)
at TestScheduler.scheduleTests (node_modules/@jest/core/build/TestScheduler.js:333:13)
at runJest (node_modules/@jest/core/build/runJest.js:404:19)
at _run10000 (node_modules/@jest/core/build/cli/index.js:320:7)
at runCLI (node_modules/@jest/core/build/cli/index.js:173:3)