Data Import field mapping profile details: Date picker component

CSP Rejection Details

None

CSP Request Details

None

CSP Approved

None

Description

Purpose:
To create the date picker component used in the field mapping profile details

Approach:
This component (and the other similar ones) must be implemented as regular components decorator.
This means the following requirements:

  1. Any generic component on the form can be decorated / augmented with Reference Values dropdown selector.

  2. FlexibleForm renderer should detect repeatable: true property presence in the particular field config block (taken from form config object for this field) and wrap this repeatable field control with the subject decorator.

  3. This decorator should bring the subject dropdown list that should be attached to the subject repeatable field block above right of it.

  4. Dropdown list should look and feel like the subject field's subcomponent.

  5. Dropdown list should contain actions list taken from mappingActions config object for repeatable control type in mappingDetails form data field.

  6. This decorator should augment the subject component with mappingActionSelected event listener that should listen to dropdown's onSelect event to pick up the value selected in the dropdown and fill the subject component's mappingAction field with it.

Scenarios:

  1. Scenario 1

    • Given the date picker component used for the field mapping profile details

    • When a user views it

    • Then the field should look and act like this:

      • A free text portion

      • With an Accepted values dropdown at the right, with 2 options:

        • Today

        • Choose date

      • User should be able to map a MARC field and/or choose or type an accepted value

      • If User selects "Today" from the dropdown list, put ###TODAY### in the free text field, and when job is run, apply today's date in YYYY-MM-DD format

      • If User selects "Choose date" from the dropdown list, display the date picker, and allow the user to select a specific date. Once that date is selected, enter it as "YYYY-MM-DD" in the text field, e.g. "2020-01-01"

      • User should be able to tab to both the Free text and Accepted values areas of the field

  2. Scenario 2

    • Ensure automated testing coverage for this new code is 80% plus and confirm with screenshot

NOTE: Of all the field mapping decorators, this is the least important and least used

See attached screenshots

Environment

None

Potential Workaround

None

Attachments

6

Checklist

hide

TestRail: Results

Activity

Show:

Mariia AloshynaMay 4, 2020 at 12:01 PM

Hi Regarding logic, It may be BE issues because inputted values are processed on the server.
and Could you check it, please?

Ann-Marie BreauxMay 4, 2020 at 9:24 AM

Hi and Tested on folio-snapshot-load, in instance (cataloged date) and item (2 dates in the condition accordion). The decorator works exactly as expected. Closing this story,

Some of the logic is not quite right though, so I'll write up bugs for those. Here's the logic combinations I tested with the attached file:

  1. 901$a only (and it has a date formatted YYYY-MM-DD - OK

  2. 902$a; else ###TODAY### (and 902 doesn’t have a date) – not OK ( and )

  3. ###TODAY### - not OK ()

  4. “2020-04-12” (from date picker) - OK

  5. 901$a; else “2020-05-01” (901 has data) – OK

  6. 902$a; else “2020-04-14” (902 doesn’t have data) – not OK ()

Done

Details

Assignee

Reporter

Tester Assignee

Priority

Story Points

Sprint

Development Team

Folijet

Fix versions

TestRail: Cases

Open TestRail: Cases

TestRail: Runs

Open TestRail: Runs

Created February 21, 2020 at 9:45 AM
Updated June 23, 2020 at 8:37 AM
Resolved May 4, 2020 at 9:24 AM
TestRail: Cases
TestRail: Runs