I gang

react.js add event handler and mocha+chai test

I already have a React.JS project. I need someone who will make a minor tweak to include items A and B below.

Task specifications:

A. React.JS page should search when you type in the search field.

1. Search list is populated with items that match site name or category name (please see sample data below)

2. Commas will separate terms to search for. e.g. "Dogs and Cats, Frogs" will return sites that have a name or category containing the term 'Dogs and Cats' or 'Frogs'.

B. Add unit test (mocha and chai)

Workflow

1. Focus on the search input field.

2. Search will fire when you start typing (maybe put a debounce in, but not required) which will show the list of sites matching.

Structure of data (already in the source code)

sites = [

{

"id": 1,

"siteName": "SurferMag",

"siteUrl": "[url removed, login to view]",

"description": "This is the description for SurferMag",

"categoryIds": [

2

]

},

{

"id": 2,

"siteName": "Ebay",

"siteUrl": "[url removed, login to view]",

"description": "This is the description for ebay",

"categoryIds": [

1

]

},

{

"id": 3,

"siteName": "Robs UI Tips",

"siteUrl": "[url removed, login to view]",

"description": "This is the description for the best site in the world. It is the best:)",

"categoryIds": [

4, 3

]

},

{

"id": 4,

"siteName": "Table Tennis Tips - How to not come runners up",

"siteUrl": "[url removed, login to view]",

"description": "This is the description for Table Tennis Tips",

"categoryIds": [

1, 2, 3, 4

]

}

]

categories = [

{

id: 1,

description: "Arts & Entertainment"

},

{

id: 2,

description: "Automotive"

},

{

id: 3,

description: "Business"

},

{

id: 4,

description: "Careers"

}

]

Evner: React.js, Software Testning

Se mere: mocha test click event, enzyme simulate click event, enzyme event propagation, sinon spy click event, sinon simulate click, mocha simulate click, enzyme simulate click not working, enzyme simulate event, javascript add event handler, sharepoint document library event handler, add event google calendar joomla, jevents add event right, itemadding event handler docx, add event jevent, sharepoint event handler document library, document library event handler sharepoint, add event joomla calendar, event handler versioning, boonex add event calendar, aspnet calendar add event spans mutliple days

Om arbejdsgiveren:
( 4 bedømmelser ) Melbourne, Australia

Projekt ID: #15093898

4 freelancere byder i gennemsnit $34 på dette job

imagicaworld

Hello Relevant Skills and Experience please have a look at our portfolio link:- [login to view URL] Proposed Milestones $50 AUD - S

$50 AUD på 1 dag
(18 bedømmelser)
5.0
$25 AUD på 1 dag
(1 bedømmelse)
1.2
$15 AUD på 1 dag
(1 bedømmelse)
1.1
mallikarjunajs

Hi i am a fullstack developer with 4 years experience and an expert in react redux. I can help you with this porject. Relevant Skills and Experience Looking from the problem statement the work is not much and will be Flere

$45 AUD på 1 dag
(0 bedømmelser)
0.0