{"id":24169,"date":"2023-05-21T07:44:20","date_gmt":"2023-05-21T04:14:20","guid":{"rendered":"https:\/\/nabfollower.com\/blog\/cypress-workshop-part-6-elements-manipulation-lists-date-picker-3okj\/"},"modified":"2023-05-21T07:44:20","modified_gmt":"2023-05-21T04:14:20","slug":"cypress-workshop-part-6-elements-manipulation-lists-date-picker-3okj","status":"publish","type":"post","link":"https:\/\/nabfollower.com\/blog\/cypress-workshop-part-6-elements-manipulation-lists-date-picker-3okj\/","title":{"rendered":"\u06a9\u0627\u0631\u06af\u0627\u0647 \u0633\u0631\u0648 \u0642\u0633\u0645\u062a 6: \u062f\u0633\u062a\u06a9\u0627\u0631\u06cc \u0639\u0646\u0627\u0635\u0631 &#8211; \u0641\u0647\u0631\u0633\u062a \u0647\u0627\u060c \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631 \u062a\u0627\u0631\u06cc\u062e"},"content":{"rendered":"<div data-article-id=\"1474576\" id=\"article-body\">\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter-rtl ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"\u062a\u063a\u06cc\u06cc\u0631 \u0648\u0636\u0639\u06cc\u062a \u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/nabfollower.com\/blog\/cypress-workshop-part-6-elements-manipulation-lists-date-picker-3okj\/#%D9%84%DB%8C%D8%B3%D8%AA_%D9%87%D8%A7\" >\u0644\u06cc\u0633\u062a \u0647\u0627<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/nabfollower.com\/blog\/cypress-workshop-part-6-elements-manipulation-lists-date-picker-3okj\/#%D8%A7%D9%86%D8%AA%D8%AE%D8%A7%D8%A8%DA%AF%D8%B1_%D8%AA%D8%A7%D8%B1%DB%8C%D8%AE\" >\u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631 \u062a\u0627\u0631\u06cc\u062e<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/nabfollower.com\/blog\/cypress-workshop-part-6-elements-manipulation-lists-date-picker-3okj\/#%D9%85%D8%B4%D9%82_%D8%B4%D8%A8\" >\u0645\u0634\u0642 \u0634\u0628:<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"%D9%84%DB%8C%D8%B3%D8%AA_%D9%87%D8%A7\"><\/span>\n<p>  \u0644\u06cc\u0633\u062a \u0647\u0627<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 \u0642\u0628\u0644\u0627\u064b \u062a\u0642\u0631\u06cc\u0628\u0627\u064b \u062f\u0631 \u0647\u0631 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0627\u06cc \u06a9\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u062f\u060c \u062a\u0648\u0633\u0639\u0647 \u062f\u0627\u062f\u0647\u200c\u0627\u06cc\u062f\u060c \u0622\u0632\u0645\u0627\u06cc\u0634 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u062f \u062f\u06cc\u062f\u0647\u200c\u0627\u06cc\u062f\u060c \u0641\u0647\u0631\u0633\u062a\u200c\u0647\u0627 \u0639\u0646\u0627\u0635\u0631 \u0628\u0633\u06cc\u0627\u0631 \u0631\u0627\u06cc\u062c \u0648\u0628 \u0647\u0633\u062a\u0646\u062f.  \u0645\u0646\u0648\u0647\u0627\u060c \u06a9\u0631\u06a9\u0631\u0647\u200c\u0647\u0627 \u0648 \u0627\u0646\u062a\u062e\u0627\u0628\u200c\u0647\u0627\u06cc \u0645\u0634\u0627\u0628\u0647 \u062c\u0632\u0621 \u0631\u0627\u06cc\u062c \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u0648\u0628 \u0647\u0633\u062a\u0646\u062f. <\/p>\n<p>\u2139\ufe0f \u062f\u0631\u0628\u0627\u0631\u0647 \u0627\u0642\u062f\u0627\u0645\u0627\u062a \u0644\u06cc\u0633\u062a \u0647\u0627 \u0628\u06cc\u0634\u062a\u0631 \u0628\u06cc\u0627\u0645\u0648\u0632\u06cc\u062f: <br \/>\u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f<br \/>\u0644\u06cc\u0633\u062a \u0647\u0627\u06cc \u062a\u0633\u062a<br \/>\u0647\u0631 \u06cc\u06a9<\/p>\n<p>\u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646\u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0686\u0646\u062f \u062a\u0633\u062a \u0628\u0631\u0627\u06cc \u0644\u06cc\u0633\u062a \u0647\u0627 \u0628\u0646\u0648\u06cc\u0633\u06cc\u0645: <\/p>\n<p>1: \u06cc\u06a9 \u0641\u0627\u06cc\u0644 \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc \u062c\u062f\u06cc\u062f \u062f\u0631 \u0632\u06cc\u0631 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f <code>e2e\/elements_manipulation<\/code> \u0648 \u0645\u062b\u0644\u0627 \u0627\u0633\u0645\u0634 \u0631\u0627 \u0628\u06af\u0630\u0627\u0631 <code>lists.cy.js<\/code>.<\/p>\n<p>2: \u062a\u0633\u062a \u0647\u0627\u06cc \u0632\u06cc\u0631 \u0631\u0627 \u062f\u0627\u062e\u0644 \u0622\u0646 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"c1\">\/\/\/ &lt;reference types=\"Cypress\" \/&gt;<\/span>\n\n<span class=\"nx\">describe<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Lists: Lists actions<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"p\">()<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nx\">beforeEach<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Navigate to lists page<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"p\">()<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nx\">cy<\/span><span class=\"p\">.<\/span><span class=\"nx\">visit<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">\/select-menu<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n  <span class=\"p\">});<\/span>\n\n  <span class=\"nx\">it<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Check selection of all list options - select method - colors menu<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"p\">()<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n    <span class=\"c1\">\/\/ Load colors fixure json file to assert if all colors are present<\/span>\n    <span class=\"nx\">cy<\/span><span class=\"p\">.<\/span><span class=\"nx\">fixture<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">colors<\/span><span class=\"dl\">'<\/span><span class=\"p\">).<\/span><span class=\"nx\">then<\/span><span class=\"p\">((<\/span><span class=\"nx\">colors<\/span><span class=\"p\">)<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n      <span class=\"c1\">\/\/ Get all options in the menu, get each option and indexes<\/span>\n      <span class=\"nx\">cy<\/span><span class=\"p\">.<\/span><span class=\"kd\">get<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">#oldSelectMenu option<\/span><span class=\"dl\">'<\/span><span class=\"p\">).<\/span><span class=\"nx\">each<\/span><span class=\"p\">((<\/span><span class=\"nx\">option<\/span><span class=\"p\">,<\/span> <span class=\"nx\">index<\/span><span class=\"p\">)<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n        <span class=\"c1\">\/\/ Get option text<\/span>\n        <span class=\"kd\">const<\/span> <span class=\"nx\">optionText<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">option<\/span><span class=\"p\">.<\/span><span class=\"nx\">text<\/span><span class=\"p\">();<\/span>\n        <span class=\"c1\">\/\/ Select each option and assert that it has correct option value and text<\/span>\n        <span class=\"nx\">cy<\/span><span class=\"p\">.<\/span><span class=\"kd\">get<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">#oldSelectMenu<\/span><span class=\"dl\">'<\/span><span class=\"p\">)<\/span>\n          <span class=\"p\">.<\/span><span class=\"nx\">select<\/span><span class=\"p\">(<\/span><span class=\"nx\">optionText<\/span><span class=\"p\">)<\/span>\n          <span class=\"p\">.<\/span><span class=\"nx\">should<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">have.value<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"nx\">option<\/span><span class=\"p\">.<\/span><span class=\"nx\">val<\/span><span class=\"p\">())<\/span>\n          <span class=\"p\">.<\/span><span class=\"nx\">contains<\/span><span class=\"p\">(<\/span><span class=\"nx\">colors<\/span><span class=\"p\">[<\/span><span class=\"nx\">index<\/span><span class=\"p\">]);<\/span>\n      <span class=\"p\">});<\/span>\n    <span class=\"p\">});<\/span>\n  <span class=\"p\">});<\/span>\n\n  <span class=\"nx\">it<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Check selection of single list option - click method - title menu<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"p\">()<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n    <span class=\"c1\">\/\/ Click on dropdown<\/span>\n    <span class=\"nx\">cy<\/span><span class=\"p\">.<\/span><span class=\"kd\">get<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">#selectOne<\/span><span class=\"dl\">'<\/span><span class=\"p\">).<\/span><span class=\"nx\">click<\/span><span class=\"p\">();<\/span>\n    <span class=\"c1\">\/\/ Select one option<\/span>\n    <span class=\"nx\">cy<\/span><span class=\"p\">.<\/span><span class=\"kd\">get<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">#react-select-3-option-0-4<\/span><span class=\"dl\">'<\/span><span class=\"p\">).<\/span><span class=\"nx\">click<\/span><span class=\"p\">();<\/span>\n    <span class=\"c1\">\/\/ Assert that dropdown has correct text after selection<\/span>\n    <span class=\"nx\">cy<\/span><span class=\"p\">.<\/span><span class=\"kd\">get<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">#selectOne<\/span><span class=\"dl\">'<\/span><span class=\"p\">).<\/span><span class=\"nx\">contains<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Prof.<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n  <span class=\"p\">});<\/span>\n<span class=\"p\">});<\/span>\n\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>3: \u062d\u0630\u0641 \u06a9\u0646\u06cc\u062f <code>example.json<\/code> \u0641\u0627\u06cc\u0644 \u062f\u0631 <code>cypress\/fixtures<\/code> \u067e\u0648\u0634\u0647 \u0627\u06cc \u062c\u062f\u06cc\u062f \u0628\u0647 \u0646\u0627\u0645 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f <code>colors.json<\/code>.  \u062f\u0627\u062f\u0647 \u0647\u0627\u06cc \u0632\u06cc\u0631 \u0631\u0627 \u062f\u0631 \u0622\u0646 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight json\"><code><span class=\"p\">{<\/span><span class=\"w\">\n  <\/span><span class=\"nl\">\"0\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"Red\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n  <\/span><span class=\"nl\">\"1\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"Blue\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n  <\/span><span class=\"nl\">\"2\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"Green\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n  <\/span><span class=\"nl\">\"3\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"Yellow\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n  <\/span><span class=\"nl\">\"4\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"Purple\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n  <\/span><span class=\"nl\">\"5\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"Black\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n  <\/span><span class=\"nl\">\"6\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"White\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n  <\/span><span class=\"nl\">\"7\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"Voilet\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n  <\/span><span class=\"nl\">\"8\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"Indigo\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n  <\/span><span class=\"nl\">\"9\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"Magenta\"<\/span><span class=\"p\">,<\/span><span class=\"w\">\n  <\/span><span class=\"nl\">\"10\"<\/span><span class=\"p\">:<\/span><span class=\"w\"> <\/span><span class=\"s2\">\"Aqua\"<\/span><span class=\"w\">\n<\/span><span class=\"p\">}<\/span><span class=\"w\">\n<\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u062a\u0648\u0636\u06cc\u062d \u06a9\u062f:<\/strong><\/p>\n<p>\u062f\u0631 \u0641\u0627\u06cc\u0644 \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc \u062e\u0648\u062f\u060c \u0627\u0628\u062a\u062f\u0627 \u0627\u0632 \u0635\u0641\u062d\u0647 \u0628\u0631\u0646\u0627\u0645\u0647 \u062e\u0648\u062f \u06a9\u0647 \u0628\u0631\u0627\u06cc \u062a\u0633\u062a \u0644\u06cc\u0633\u062a \u0647\u0627-\u0645\u0646\u0648\u0647\u0627 \u0627\u062e\u062a\u0635\u0627\u0635 \u062f\u0627\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a\u060c \u0642\u0628\u0644 \u0627\u0632 \u0647\u0631 \u0635\u0641\u062d\u0647 \u0634\u0631\u0648\u0639 \u0622\u0632\u0645\u0627\u06cc\u0634 \u0628\u0627\u0632\u062f\u06cc\u062f \u0645\u06cc \u06a9\u0646\u06cc\u0645.<\/p>\n<ul>\n<li>\u062f\u0631 \u0627\u0648\u0644\u06cc\u0646 \u0645\u0648\u0631\u062f \u0622\u0632\u0645\u0648\u0646\u060c \u0645\u0648\u0636\u0648\u0639 \u0622\u0632\u0645\u0648\u0646 \u0645\u0646\u0648\u06cc \u0631\u0646\u06af\u200c\u0647\u0627 (Old Style Select Menu) \u0627\u0633\u062a.  \u0645\u0627 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u0645 \u0645\u0642\u0627\u062f\u06cc\u0631 \u0648 \u0645\u062a\u0646 \u0647\u0631 \u06af\u0632\u06cc\u0646\u0647 \u0631\u0627 \u062f\u0631 \u0645\u0646\u0648 \u0622\u0632\u0645\u0627\u06cc\u0634 \u06a9\u0646\u06cc\u0645.<\/li>\n<\/ul>\n<p>\u062e\u0637 10: \u0645\u0627 \u06a9\u0644 \u0639\u0645\u0644\/\u0627\u062f\u0639\u0627 \u0631\u0627 \u0628\u0627 \u06cc\u06a9 \u0641\u06cc\u06a9\u0633\u0686\u0631 \u0628\u0633\u062a\u0647 \u0628\u0646\u062f\u06cc \u0645\u06cc \u06a9\u0646\u06cc\u0645\u060c \u0632\u06cc\u0631\u0627 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u0645 \u0645\u062d\u062a\u0648\u0627\u06cc \u0622\u0646 \u0631\u0627 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0648 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645 (\u0627\u0632 <code>colors.json<\/code> \u0641\u0627\u06cc\u0644) \u0628\u0631\u0627\u06cc \u0627\u0638\u0647\u0627\u0631\u0627\u062a \u0646\u062a\u0627\u06cc\u062c \u0631\u0646\u06af.  (\u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u06cc\u06a9 \u0628\u0627\u0631 \u0628\u0647 \u062c\u0627\u06cc \u0647\u0631 \u0628\u0627\u0631 \u0627\u062f\u0639\u0627 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u06cc \u0634\u0648\u062f\u060c \u0628\u0647 \u0647\u0645\u06cc\u0646 \u062f\u0644\u06cc\u0644 \u0627\u0633\u062a \u06a9\u0647 \u0622\u0646 \u0631\u0627 \u062e\u0627\u0631\u062c \u0627\u0632 \u062d\u0644\u0642\u0647 \u0627\u0646\u062a\u062e\u0627\u0628 \u0641\u0631\u0627\u062e\u0648\u0627\u0646\u06cc \u0645\u06cc \u06a9\u0646\u06cc\u0645.)<\/p>\n<p>\u062e\u0637 12: \u06af\u0632\u06cc\u0646\u0647 \u0647\u0627\u06cc \u06a9\u0634\u0648\u06cc\u06cc \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc \u06a9\u0646\u06cc\u0645 \u0648 \u0628\u0631\u0627\u06cc \u0647\u0631 \u06af\u0632\u06cc\u0646\u0647 \u0645\u0642\u062f\u0627\u0631 \u0648 \u0634\u0627\u062e\u0635 \u0622\u0646 \u0631\u0627 \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc \u06a9\u0646\u06cc\u0645. <\/p>\n<p>\u062e\u0637 14: \u0628\u0631\u0627\u06cc \u0647\u0631 \u06af\u0632\u06cc\u0646\u0647 \u0645\u062a\u0646 (\u0642\u0631\u0645\u0632\u060c \u0622\u0628\u06cc \u0648 \u063a\u06cc\u0631\u0647) \u0631\u0627 \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc \u06a9\u0646\u06cc\u0645.<\/p>\n<p>\u062e\u0637 16-17: \u0627\u0632 \u06af\u0632\u06cc\u0646\u0647 Cypress \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u0645 <code>select()<\/code> \u0628\u062c\u0627\u06cc <code>click()<\/code> \u0628\u0631\u0627\u06cc \u0627\u0646\u062a\u062e\u0627\u0628 \u0647\u0631 \u0645\u0642\u062f\u0627\u0631\u060c \u0648 \u0645\u0627 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u0645 \u0627\u0632 \u0622\u0646 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645 \u0632\u06cc\u0631\u0627 \u0627\u06cc\u0646 \u0639\u0646\u0635\u0631 \u062f\u0627\u0631\u0627\u06cc \u0628\u0631\u0686\u0633\u0628 select \u062f\u0631 DOM \u0627\u0633\u062a.  \u0627\u0632 \u0622\u0646\u062c\u0627\u06cc\u06cc \u06a9\u0647 \u0645\u0627 \u062f\u0631 \u062f\u0627\u062e\u0644 \u062d\u0644\u0642\u0647 \u0647\u0633\u062a\u06cc\u0645\u060c \u0627\u06cc\u0646 \u06af\u0632\u06cc\u0646\u0647 \u0647\u0645\u0647 \u06af\u0632\u06cc\u0646\u0647 \u0647\u0627 \u0631\u0627 \u06cc\u06a9\u062c\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u0646\u0645\u06cc \u06a9\u0646\u062f\u060c \u0628\u0644\u06a9\u0647 \u06cc\u06a9\u06cc \u067e\u0633 \u0627\u0632 \u062f\u06cc\u06af\u0631\u06cc \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u06cc \u0634\u0648\u062f. <\/p>\n<p>\u062e\u0637 18-19: \u0628\u0631\u0627\u06cc \u0647\u0631 \u0627\u0646\u062a\u062e\u0627\u0628 \u06af\u0632\u06cc\u0646\u0647\u060c \u0645\u0627 \u0627\u062f\u0639\u0627 \u0645\u06cc \u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u062d\u0627\u0648\u06cc \u0645\u0642\u062f\u0627\u0631 \u0645\u0646\u0627\u0633\u0628 \u0627\u0633\u062a \u0648 \u0631\u0646\u06af \u0647\u0627 \u0628\u0631 \u0627\u0633\u0627\u0633 \u0634\u0627\u062e\u0635 \u0647\u0627 \u0628\u0627 \u0645\u062d\u062a\u0648\u0627\u06cc \u0641\u0627\u06cc\u0644 \u062b\u0627\u0628\u062a \u0645\u0627 (\u0646\u0627\u0645 \u0631\u0646\u06af \u0647\u0627) \u0628\u0647 \u062a\u0631\u062a\u06cc\u0628 \u062e\u0627\u0635 \u0645\u0637\u0627\u0628\u0642\u062a \u062f\u0627\u0631\u0646\u062f. <\/p>\n<ul>\n<li>\u062f\u0631 \u062f\u0648\u0645\u06cc\u0646 \u0645\u0648\u0631\u062f \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc\u060c \u0645\u0627 \u0641\u0642\u0637 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u0645 \u06cc\u06a9 \u06af\u0632\u06cc\u0646\u0647 \u0631\u0627 \u062f\u0631 \u0645\u0646\u0648\u06cc \u0639\u0646\u0648\u0627\u0646 \u0647\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u0645.  \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u0645\u062b\u0627\u0644 \u062e\u0627\u0635\u060c \u0645\u0627 \u0646\u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u0645 <code>select()<\/code> \u0639\u0645\u0644\u06a9\u0631\u062f \u0632\u06cc\u0631\u0627 \u0627\u06cc\u0646 \u0628\u0631\u0646\u0627\u0645\u0647 \u0628\u0631\u0686\u0633\u0628 \u0627\u0646\u062a\u062e\u0627\u0628\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u0645\u0646\u0648 \u0627\u0631\u0627\u0626\u0647 \u0646\u0645\u06cc \u062f\u0647\u062f.  \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0646\u06cc\u0627\u0632\u06cc \u0628\u0647 \u062d\u0644\u0642\u0647 \u0632\u062f\u0646 \u0646\u06cc\u0633\u062a\u060c \u0632\u06cc\u0631\u0627 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u0645 \u0641\u0642\u0637 \u06cc\u06a9 \u06af\u0632\u06cc\u0646\u0647 \u0631\u0627 \u0628\u0631\u0631\u0633\u06cc \u06a9\u0646\u06cc\u0645.<\/li>\n<\/ul>\n<p>\u062e\u0637 26: \u0631\u0648\u06cc \u0645\u0646\u0648 \u06a9\u0644\u06cc\u06a9 \u0645\u06cc \u06a9\u0646\u06cc\u0645 \u062a\u0627 \u0628\u0627\u0632 \u0634\u0648\u062f.<\/p>\n<p>\u062e\u0637 28: \u0631\u0648\u06cc \u06cc\u06a9 \u06af\u0632\u06cc\u0646\u0647 \u062f\u0631 \u0645\u0646\u0648 \u06a9\u0644\u06cc\u06a9 \u0645\u06cc \u06a9\u0646\u06cc\u0645.<\/p>\n<p>\u062e\u0637 30: \u0645\u0627 \u0627\u062f\u0639\u0627 \u0645\u06cc \u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u0639\u0646\u0635\u0631 \u0645\u0646\u0648 \u062f\u0627\u0631\u0627\u06cc \u0627\u0646\u062a\u062e\u0627\u0628\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0645\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0631\u062f\u0647 \u0627\u06cc\u0645. <\/p>\n<p>\u2139\ufe0f \u062f\u0631\u0628\u0627\u0631\u0647 \u0648\u0633\u0627\u06cc\u0644 \u0628\u06cc\u0634\u062a\u0631 \u0628\u062f\u0627\u0646\u06cc\u062f: \u0648\u0633\u0627\u06cc\u0644<\/p>\n<p>\u2139\ufe0f \u062f\u0631\u0628\u0627\u0631\u0647 \u0627\u0646\u0648\u0627\u0639 \u0645\u062e\u062a\u0644\u0641 \u062d\u0644\u0642\u0647 \u0647\u0627\u06cc JS \u06a9\u0647 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f \u062f\u0631 \u062a\u0633\u062a \u0647\u0627 \u0646\u06cc\u0632 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u0628\u06cc\u0634\u062a\u0631 \u0628\u06cc\u0627\u0645\u0648\u0632\u06cc\u062f: \u062d\u0644\u0642\u0647 \u0647\u0627<\/p>\n<p>\ud83d\udc49 \u062f\u0631\u06a9 \u0645\u0646\u0637\u0642 \u062d\u0644\u0642\u0647 \u0628\u0633\u06cc\u0627\u0631 \u0645\u0647\u0645 \u0627\u0633\u062a.  \u0628\u0647\u200c\u0639\u0646\u0648\u0627\u0646 \u0634\u062e\u0635\u06cc \u06a9\u0647 \u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646 \u062a\u0633\u062a \u0631\u0627 \u0645\u06cc\u200c\u0646\u0648\u06cc\u0633\u062f\u060c \u0627\u063a\u0644\u0628 \u0645\u0648\u0642\u0639\u06cc\u062a\u200c\u0647\u0627\u06cc\u06cc \u062f\u0627\u0631\u06cc\u062f \u06a9\u0647 \u0628\u0627\u06cc\u062f \u06af\u0632\u06cc\u0646\u0647\u200c\u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u0631\u0627 \u062f\u0631 \u0641\u0647\u0631\u0633\u062a\u200c\u0647\u0627\u060c \u062c\u062f\u0627\u0648\u0644 \u0648 \u063a\u06cc\u0631\u0647 \u0622\u0632\u0645\u0627\u06cc\u0634 \u06a9\u0646\u06cc\u062f\u060c \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646 \u062d\u0644\u0642\u0647\u200c\u0647\u0627 \u0631\u0648\u0634\u06cc \u0639\u0627\u0644\u06cc \u0628\u0631\u0627\u06cc \u062c\u0644\u0648\u06af\u06cc\u0631\u06cc \u0627\u0632 \u062a\u06a9\u0631\u0627\u0631 \u06a9\u062f \u0648 \u0633\u0631\u06cc\u0639\u200c\u062a\u0631 \u06a9\u0631\u062f\u0646 \u0627\u062c\u0631\u0627\u06cc \u062a\u0633\u062a \u0647\u0633\u062a\u0646\u062f. <\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%A7%D9%86%D8%AA%D8%AE%D8%A7%D8%A8%DA%AF%D8%B1_%D8%AA%D8%A7%D8%B1%DB%8C%D8%AE\"><\/span>\n<p>  \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631 \u062a\u0627\u0631\u06cc\u062e<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0639\u0646\u0627\u0635\u0631 \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631 \u062a\u0627\u0631\u06cc\u062e \u0628\u0647 \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u0627\u062c\u0627\u0632\u0647 \u0645\u06cc \u062f\u0647\u062f \u062a\u0627\u0631\u06cc\u062e \u06cc\u0627 \u0645\u062d\u062f\u0648\u062f\u0647 \u0627\u06cc \u0627\u0632 \u062a\u0627\u0631\u06cc\u062e \u0647\u0627 \u0631\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u0646\u062f.  \u0622\u0646\u0647\u0627 \u0645\u0639\u0645\u0648\u0644\u0627 \u0628\u0647 \u0641\u06cc\u0644\u062f \u0648\u0631\u0648\u062f\u06cc \u06af\u0631\u0647 \u062e\u0648\u0631\u062f\u0647 \u0627\u0646\u062f.  \u0627\u06a9\u0646\u0648\u0646 \u06a9\u0647 \u0645\u06cc\u200c\u062f\u0627\u0646\u06cc\u0645 \u0686\u06af\u0648\u0646\u0647 \u0631\u0648\u06cc \u062f\u06a9\u0645\u0647\u200c\u0647\u0627\u060c \u0641\u06cc\u0644\u062f\u0647\u0627\u06cc \u0648\u0631\u0648\u062f\u06cc \u0648 \u0641\u0647\u0631\u0633\u062a\u200c\u0647\u0627 \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u0645\u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0686\u0646\u062f \u062a\u0633\u062a \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631 \u062a\u0627\u0631\u06cc\u062e \u0628\u0646\u0648\u06cc\u0633\u06cc\u0645 \u06a9\u0647 \u062a\u0631\u06a9\u06cc\u0628\u06cc \u0627\u0632 \u0686\u06cc\u0632\u0647\u0627\u06cc\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0642\u0628\u0644\u0627\u064b \u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u06cc\u0645. <\/p>\n<p>1: \u06cc\u06a9 \u0641\u0627\u06cc\u0644 \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc \u062c\u062f\u06cc\u062f \u062f\u0631 \u0632\u06cc\u0631 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f <code>e2e\/elements_manipulation<\/code> \u0648 \u0645\u062b\u0644\u0627 \u0627\u0633\u0645\u0634 \u0631\u0627 \u0628\u06af\u0630\u0627\u0631 <code>datepicker.cy.js<\/code>.  \u062a\u0633\u062a \u0632\u06cc\u0631 \u0631\u0627 \u062f\u0627\u062e\u0644 \u0622\u0646 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f.<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"c1\">\/\/\/ &lt;reference types=\"Cypress\" \/&gt;<\/span>\n\n<span class=\"nx\">describe<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Date picker: Date picker actions<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"p\">()<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n  <span class=\"nx\">beforeEach<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Navigate to date picker page<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"p\">()<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n    <span class=\"nx\">cy<\/span><span class=\"p\">.<\/span><span class=\"nx\">visit<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">\/date-picker<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n  <span class=\"p\">});<\/span>\n\n  <span class=\"nx\">it<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Check fixed date selection<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"p\">()<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n    <span class=\"c1\">\/\/ Open date picker<\/span>\n    <span class=\"nx\">cy<\/span><span class=\"p\">.<\/span><span class=\"kd\">get<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">#datePickerMonthYearInput<\/span><span class=\"dl\">'<\/span><span class=\"p\">).<\/span><span class=\"nx\">click<\/span><span class=\"p\">();<\/span>\n    <span class=\"c1\">\/\/ Select year<\/span>\n    <span class=\"nx\">cy<\/span><span class=\"p\">.<\/span><span class=\"kd\">get<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">.react-datepicker__year-select<\/span><span class=\"dl\">'<\/span><span class=\"p\">).<\/span><span class=\"nx\">select<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">2030<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n    <span class=\"c1\">\/\/ Select month<\/span>\n    <span class=\"nx\">cy<\/span><span class=\"p\">.<\/span><span class=\"kd\">get<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">.react-datepicker__month-select<\/span><span class=\"dl\">'<\/span><span class=\"p\">).<\/span><span class=\"nx\">select<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">June<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n    <span class=\"c1\">\/\/ Select day<\/span>\n    <span class=\"nx\">cy<\/span><span class=\"p\">.<\/span><span class=\"kd\">get<\/span><span class=\"p\">(<\/span><span class=\"s2\">`.react-datepicker__day--0<\/span><span class=\"p\">${<\/span><span class=\"mi\">23<\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span><span class=\"p\">).<\/span><span class=\"nx\">first<\/span><span class=\"p\">().<\/span><span class=\"nx\">click<\/span><span class=\"p\">();<\/span>\n    <span class=\"c1\">\/\/ Assert input date value<\/span>\n    <span class=\"nx\">cy<\/span><span class=\"p\">.<\/span><span class=\"kd\">get<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">#datePickerMonthYearInput<\/span><span class=\"dl\">'<\/span><span class=\"p\">).<\/span><span class=\"nx\">should<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">have.value<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">06\/23\/2030<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n  <span class=\"p\">});<\/span>\n\n  <span class=\"nx\">it<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Check dynamic date selection<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"p\">()<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n    <span class=\"c1\">\/\/ Increment Date by 1 month<\/span>\n    <span class=\"kd\">const<\/span> <span class=\"nx\">date<\/span> <span class=\"o\">=<\/span> <span class=\"k\">new<\/span> <span class=\"nb\">Date<\/span><span class=\"p\">();<\/span>\n    <span class=\"nx\">date<\/span><span class=\"p\">.<\/span><span class=\"nx\">setMonth<\/span><span class=\"p\">(<\/span><span class=\"nx\">date<\/span><span class=\"p\">.<\/span><span class=\"nx\">getMonth<\/span><span class=\"p\">()<\/span> <span class=\"o\">+<\/span> <span class=\"mi\">1<\/span><span class=\"p\">);<\/span>\n    <span class=\"c1\">\/\/ Set date to 23rd day of next month<\/span>\n    <span class=\"kd\">const<\/span> <span class=\"nx\">year<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">date<\/span><span class=\"p\">.<\/span><span class=\"nx\">getFullYear<\/span><span class=\"p\">();<\/span>\n    <span class=\"kd\">const<\/span> <span class=\"nx\">month<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">date<\/span><span class=\"p\">.<\/span><span class=\"nx\">getMonth<\/span><span class=\"p\">();<\/span>\n    <span class=\"kd\">const<\/span> <span class=\"nx\">day<\/span> <span class=\"o\">=<\/span> <span class=\"mi\">23<\/span><span class=\"p\">;<\/span>\n    <span class=\"c1\">\/\/ Open date picker<\/span>\n    <span class=\"nx\">cy<\/span><span class=\"p\">.<\/span><span class=\"kd\">get<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">#datePickerMonthYearInput<\/span><span class=\"dl\">'<\/span><span class=\"p\">).<\/span><span class=\"nx\">click<\/span><span class=\"p\">();<\/span>\n    <span class=\"c1\">\/\/ Select year<\/span>\n    <span class=\"nx\">cy<\/span><span class=\"p\">.<\/span><span class=\"kd\">get<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">.react-datepicker__year-select<\/span><span class=\"dl\">'<\/span><span class=\"p\">).<\/span><span class=\"nx\">select<\/span><span class=\"p\">(<\/span><span class=\"s2\">`<\/span><span class=\"p\">${<\/span><span class=\"nx\">year<\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span><span class=\"p\">);<\/span>\n    <span class=\"c1\">\/\/ Select month<\/span>\n    <span class=\"nx\">cy<\/span><span class=\"p\">.<\/span><span class=\"kd\">get<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">.react-datepicker__month-select<\/span><span class=\"dl\">'<\/span><span class=\"p\">).<\/span><span class=\"nx\">select<\/span><span class=\"p\">(<\/span><span class=\"s2\">`<\/span><span class=\"p\">${<\/span><span class=\"nx\">month<\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span><span class=\"p\">);<\/span>\n    <span class=\"c1\">\/\/ Select day<\/span>\n    <span class=\"nx\">cy<\/span><span class=\"p\">.<\/span><span class=\"kd\">get<\/span><span class=\"p\">(<\/span><span class=\"s2\">`.react-datepicker__day--0<\/span><span class=\"p\">${<\/span><span class=\"nx\">day<\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span><span class=\"p\">).<\/span><span class=\"nx\">first<\/span><span class=\"p\">().<\/span><span class=\"nx\">click<\/span><span class=\"p\">();<\/span>\n    <span class=\"c1\">\/\/ Assert input date value<\/span>\n    <span class=\"nx\">cy<\/span><span class=\"p\">.<\/span><span class=\"kd\">get<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">#datePickerMonthYearInput<\/span><span class=\"dl\">'<\/span><span class=\"p\">).<\/span><span class=\"nx\">should<\/span><span class=\"p\">(<\/span>\n      <span class=\"dl\">'<\/span><span class=\"s1\">have.value<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n      <span class=\"s2\">`<\/span><span class=\"p\">${<\/span><span class=\"s2\">`<\/span><span class=\"p\">${<\/span><span class=\"nx\">month<\/span> <span class=\"o\">+<\/span> <span class=\"mi\">1<\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span><span class=\"p\">.<\/span><span class=\"nx\">padStart<\/span><span class=\"p\">(<\/span><span class=\"mi\">2<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">0<\/span><span class=\"dl\">'<\/span><span class=\"p\">)}<\/span><span class=\"s2\">\/<\/span><span class=\"p\">${<\/span><span class=\"nx\">day<\/span><span class=\"p\">}<\/span><span class=\"s2\">\/<\/span><span class=\"p\">${<\/span><span class=\"nx\">year<\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span>\n    <span class=\"p\">);<\/span>\n  <span class=\"p\">});<\/span>\n\n  <span class=\"nx\">it<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">Check applying date value directly in the input field<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"p\">()<\/span> <span class=\"o\">=&gt;<\/span> <span class=\"p\">{<\/span>\n    <span class=\"c1\">\/\/ Clear date input and type new date<\/span>\n    <span class=\"nx\">cy<\/span><span class=\"p\">.<\/span><span class=\"kd\">get<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">#datePickerMonthYearInput<\/span><span class=\"dl\">'<\/span><span class=\"p\">).<\/span><span class=\"nx\">clear<\/span><span class=\"p\">().<\/span><span class=\"nx\">type<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">06\/23\/2030<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n    <span class=\"c1\">\/\/ Assert input date value<\/span>\n    <span class=\"nx\">cy<\/span><span class=\"p\">.<\/span><span class=\"kd\">get<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">#datePickerMonthYearInput<\/span><span class=\"dl\">'<\/span><span class=\"p\">).<\/span><span class=\"nx\">should<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">have.value<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">06\/23\/2030<\/span><span class=\"dl\">'<\/span><span class=\"p\">);<\/span>\n  <span class=\"p\">});<\/span>\n<span class=\"p\">});<\/span>\n\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p>    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n    <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><strong>\u062a\u0648\u0636\u06cc\u062d \u06a9\u062f:<\/strong><\/p>\n<p>\u062f\u0631 \u0641\u0627\u06cc\u0644 \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc \u062e\u0648\u062f\u060c \u0627\u0628\u062a\u062f\u0627 \u0627\u0632 \u0635\u0641\u062d\u0647 \u0628\u0631\u0646\u0627\u0645\u0647 \u062e\u0648\u062f \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0622\u0632\u0645\u0627\u06cc\u0634 \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631\u0647\u0627\u06cc \u062a\u0627\u0631\u06cc\u062e \u0627\u062e\u062a\u0635\u0627\u0635 \u062f\u0627\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a\u060c \u0642\u0628\u0644 \u0627\u0632 \u0647\u0631 \u0635\u0641\u062d\u0647 \u0634\u0631\u0648\u0639 \u0622\u0632\u0645\u0648\u0646 \u0628\u0627\u0632\u062f\u06cc\u062f \u0645\u06cc \u06a9\u0646\u06cc\u0645.<\/p>\n<ul>\n<li>\n<em>\u062a\u0633\u062a 1<\/em> (\u0645\u0627 \u062f\u0631 \u062d\u0627\u0644 \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u0642\u062f\u0627\u0631 \u062a\u0627\u0631\u06cc\u062e \u062b\u0627\u0628\u062a \u0647\u0633\u062a\u06cc\u0645): <\/li>\n<\/ul>\n<p>\u062e\u0637 10: \u0627\u0628\u062a\u062f\u0627 \u0631\u0648\u06cc \u0648\u0631\u0648\u062f\u06cc \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631 \u062a\u0627\u0631\u06cc\u062e \u06a9\u0644\u06cc\u06a9 \u0645\u06cc \u06a9\u0646\u06cc\u0645 \u062a\u0627 \u0628\u0627\u0632 \u0634\u0648\u062f. <\/p>\n<p>\u062e\u0637 12: \u0645\u0627 \u062f\u0631 \u062d\u0627\u0644 \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u0642\u062f\u0627\u0631 \u062b\u0627\u0628\u062a \u0628\u0631\u0627\u06cc \u0633\u0627\u0644 \u0647\u0633\u062a\u06cc\u0645. <\/p>\n<p>\u062e\u0637 14: \u0645\u0627 \u062f\u0631 \u062d\u0627\u0644 \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u0642\u062f\u0627\u0631 \u062b\u0627\u0628\u062a \u0628\u0631\u0627\u06cc \u0645\u0627\u0647 \u0647\u0633\u062a\u06cc\u0645.<\/p>\n<p>\u062e\u0637 16: \u0645\u0627 \u0645\u0642\u062f\u0627\u0631 \u062b\u0627\u0628\u062a\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u062a\u0627\u0631\u06cc\u062e \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u0648 \u0627\u0648\u0644\u06cc \u0631\u0627 \u0645\u06cc\u200c\u06af\u06cc\u0631\u06cc\u0645\u060c \u062f\u0631 \u0635\u0648\u0631\u062a\u06cc \u06a9\u0647 \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631 \u062a\u0627\u0631\u06cc\u062e\u060c \u0645\u0642\u062f\u0627\u0631 \u062a\u06a9\u0631\u0627\u0631\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u0645\u0627\u0647 \u0628\u0639\u062f\u06cc\/\u0642\u0628\u0644\u06cc \u0646\u0634\u0627\u0646 \u062f\u0647\u062f.<\/p>\n<p>\u062e\u0637 18: \u0645\u0627 \u0627\u062f\u0639\u0627 \u0645\u06cc \u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u0648\u0631\u0648\u062f\u06cc \u062a\u0627\u0631\u06cc\u062e \u062f\u0627\u0631\u0627\u06cc \u06cc\u06a9 \u0645\u0642\u062f\u0627\u0631 \u062c\u062f\u06cc\u062f \u0627\u0633\u062a &#8211; \u0645\u0642\u062f\u0627\u0631 \u0627\u0646\u062a\u062e\u0627\u0628\u06cc \u0645\u0627. <\/p>\n<ul>\n<li>\n<em>\u062a\u0633\u062a 2<\/em> (\u0645\u0627 \u062f\u0631 \u062d\u0627\u0644 \u0627\u0646\u062a\u062e\u0627\u0628 \u062a\u0627\u0631\u06cc\u062e \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u0648\u06cc\u0627 \u0647\u0633\u062a\u06cc\u0645):<\/li>\n<\/ul>\n<p>\u062e\u0637 23: \u0645\u0627 \u0634\u06cc\u0621 Date \u0631\u0627 \u0622\u063a\u0627\u0632 \u0645\u06cc \u06a9\u0646\u06cc\u0645. <\/p>\n<p>\u062e\u0637 24: \u0645\u0627\u0647 \u0631\u0627 \u062f\u0631 \u0634\u06cc\u0621 Date \u062a\u0646\u0638\u06cc\u0645 \u0645\u06cc \u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u0647\u0645\u06cc\u0634\u0647 1 \u0645\u0627\u0647 \u0646\u0633\u0628\u062a \u0628\u0647 \u0645\u0627\u0647 \u062c\u0627\u0631\u06cc \u0627\u0641\u0632\u0627\u06cc\u0634 \u06cc\u0627\u0628\u062f. <\/p>\n<p>\u062e\u0637 26: \u0627\u0632 \u0634\u06cc\u0621 Date \u06cc\u06a9 \u0633\u0627\u0644 \u0645\u06cc \u06af\u06cc\u0631\u06cc\u0645<\/p>\n<p>\u062e\u0637 27: \u0645\u0627\u0647 \u0627\u0632 \u0634\u06cc Date \u062f\u0631\u06cc\u0627\u0641\u062a \u0645\u06cc \u06a9\u0646\u06cc\u0645<\/p>\n<p>\u062e\u0637 28: \u0645\u0627 \u062f\u0631 \u062d\u0627\u0644 \u0627\u06cc\u062c\u0627\u062f \u062b\u0627\u0628\u062a \u0647\u0633\u062a\u06cc\u0645 \u062a\u0627 \u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0627\u0631\u0632\u0634 \u0631\u0648\u0632 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u0648\u062f<\/p>\n<p>\u062e\u0637 30: \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631 \u062a\u0627\u0631\u06cc\u062e \u0631\u0627 \u0628\u0627\u0632 \u0645\u06cc \u06a9\u0646\u06cc\u0645<\/p>\n<p>\u062e\u0637\u0648\u0637 32 &#8211; 36: \u0633\u0627\u0644\u060c \u0645\u0627\u0647\u060c \u0631\u0648\u0632 \u0631\u0627 \u062f\u0631 \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631 \u062a\u0627\u0631\u06cc\u062e \u0627\u0646\u062a\u062e\u0627\u0628 \u0645\u06cc \u06a9\u0646\u06cc\u0645<\/p>\n<p>\u062e\u0637\u0648\u0637 38 &#8211; 41: \u0645\u0627 \u0627\u062f\u0639\u0627 \u0645\u06cc \u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u0648\u0631\u0648\u062f\u06cc \u062a\u0627\u0631\u06cc\u062e \u062f\u0627\u0631\u0627\u06cc \u0645\u0642\u062f\u0627\u0631 \u0635\u062d\u06cc\u062d\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0631\u0627\u06cc \u062a\u0627\u0631\u06cc\u062e \u062a\u0639\u06cc\u06cc\u0646 \u06a9\u0631\u062f\u0647 \u0627\u06cc\u0645.  \u0628\u0647 \u062f\u0644\u06cc\u0644 \u0646\u0645\u0627\u06cc\u0647\u200c\u0633\u0627\u0632\u06cc \u0645\u062a\u0641\u0627\u0648\u062a \u0645\u0627\u0647 \u0627\u0632 \u0634\u06cc Date \u0648 \u0645\u0642\u062f\u0627\u0631 \u06a9\u0634\u0648\u06cc\u06cc\u060c \u0645\u0627 1 \u0631\u0627 \u0628\u0647 \u0645\u0627\u0647 \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u0648 \u0627\u06af\u0631 \u0645\u0642\u062f\u0627\u0631 \u06a9\u0645\u062a\u0631 \u0627\u0632 10 \u0628\u0627\u0634\u062f\u060c \u0628\u0631\u0627\u06cc \u0631\u0639\u0627\u06cc\u062a \u0642\u0627\u0644\u0628\u200c\u0628\u0646\u062f\u06cc \u0641\u06cc\u0644\u062f \u0648\u0631\u0648\u062f\u06cc \u062a\u0627\u0631\u06cc\u062e\u060c 0 \u0631\u0627 \u0627\u0636\u0627\u0641\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645. <\/p>\n<ul>\n<li>\n<em>\u062a\u0633\u062a 3<\/em> (\u0645\u0627 \u0645\u0642\u062f\u0627\u0631 \u062a\u0627\u0631\u06cc\u062e \u062b\u0627\u0628\u062a \u0631\u0627 \u0645\u0633\u062a\u0642\u06cc\u0645\u0627\u064b \u0628\u062f\u0648\u0646 \u0627\u0646\u062a\u062e\u0627\u0628 \u062f\u0631 \u0642\u0633\u0645\u062a \u0648\u0631\u0648\u062f\u06cc \u0648\u0627\u0631\u062f \u0645\u06cc \u06a9\u0646\u06cc\u0645):<\/li>\n<\/ul>\n<p>\u062e\u0637 46: \u0645\u0642\u062f\u0627\u0631 \u067e\u06cc\u0634 \u0641\u0631\u0636 \u0631\u0627 \u0627\u0632 \u0642\u0633\u0645\u062a \u0648\u0631\u0648\u062f\u06cc \u067e\u0627\u06a9 \u0645\u06cc \u06a9\u0646\u06cc\u0645 \u0648 \u06cc\u06a9 \u0645\u0642\u062f\u0627\u0631 \u062b\u0627\u0628\u062a \u062c\u062f\u06cc\u062f \u0631\u0627 \u062a\u0627\u06cc\u067e \u0645\u06cc \u06a9\u0646\u06cc\u0645. <\/p>\n<p>\u062e\u0637 48: \u0645\u0627 \u0627\u062f\u0639\u0627 \u0645\u06cc \u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u0648\u0631\u0648\u062f\u06cc \u062a\u0627\u0631\u06cc\u062e \u062f\u0627\u0631\u0627\u06cc \u06cc\u06a9 \u0645\u0642\u062f\u0627\u0631 \u062c\u062f\u06cc\u062f \u0627\u0633\u062a &#8211; \u0645\u0642\u062f\u0627\u0631 \u0627\u0646\u062a\u062e\u0627\u0628\u06cc \u0645\u0627. <\/p>\n<p>\ud83d\udc49 \u0647\u0645\u06cc\u0634\u0647 \u062a\u0648\u0635\u06cc\u0647 \u0645\u06cc \u0634\u0648\u062f \u0627\u0632 \u0645\u0642\u0627\u062f\u06cc\u0631 \u062b\u0627\u0628\u062a \u0628\u0631\u0627\u06cc \u062a\u0627\u0631\u06cc\u062e \u0647\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u06a9\u0646\u06cc\u062f \u0632\u06cc\u0631\u0627 \u0628\u0633\u062a\u0647 \u0628\u0647 \u0645\u0648\u0627\u0631\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u062f\u0631 \u067e\u0631\u0648\u0698\u0647\u060c \u067e\u0633 \u0627\u0632 \u06af\u0630\u0634\u062a \u0622\u0646 \u062a\u0627\u0631\u06cc\u062e \u0648 \u063a\u06cc\u0631\u0647\u060c \u0622\u0632\u0645\u0627\u06cc\u0634 \u0647\u0627 \u0628\u0627 \u0634\u06a9\u0633\u062a \u0645\u0648\u0627\u062c\u0647 \u0645\u06cc \u0634\u0648\u0646\u062f.  \u062f\u0631 \u0635\u0648\u0631\u062a \u0627\u0645\u06a9\u0627\u0646 \u0627\u0632 \u0645\u062d\u0627\u0633\u0628\u0627\u062a\u060c \u0645\u0642\u0627\u062f\u06cc\u0631 \u067e\u0648\u06cc\u0627 \u0648 \u0634\u06cc\u0621 JS Date \u0628\u0648\u0645\u06cc \u06cc\u0627 \u06a9\u062a\u0627\u0628\u062e\u0627\u0646\u0647 \u062f\u06cc\u06af\u0631\u06cc \u0645\u0627\u0646\u0646\u062f moment.js \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.  \u0645\u0627 \u0645\u062b\u0627\u0644\u200c\u0647\u0627\u06cc\u06cc \u0631\u0627 \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0641\u0642\u0637 \u0628\u0631\u0627\u06cc \u0627\u0647\u062f\u0627\u0641 \u06cc\u0627\u062f\u06af\u06cc\u0631\u06cc \u062b\u0627\u0628\u062a \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u0645\u060c \u062a\u0627 \u0628\u0627 \u0631\u0648\u0634\u200c\u0647\u0627\u06cc \u0645\u062a\u0639\u062f\u062f \u0646\u062d\u0648\u0647 \u062a\u0639\u0627\u0645\u0644 \u0628\u0627 \u0627\u0646\u062a\u062e\u0627\u0628\u200c\u06a9\u0646\u0646\u062f\u06af\u0627\u0646 \u062a\u0627\u0631\u06cc\u062e \u0622\u0634\u0646\u0627 \u0634\u0648\u06cc\u0645.<\/p>\n<p>\u2139\ufe0f \u062f\u0631\u0628\u0627\u0631\u0647 JS Date Objects: date Objects \u0628\u06cc\u0634\u062a\u0631 \u0628\u06cc\u0627\u0645\u0648\u0632\u06cc\u062f<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D9%85%D8%B4%D9%82_%D8%B4%D8%A8\"><\/span>\n<p>  \u0645\u0634\u0642 \u0634\u0628:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li>\n<p>\u0633\u0646\u0627\u0631\u06cc\u0648\u0647\u0627\u06cc \u0628\u06cc\u0634\u062a\u0631\u06cc \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0644\u06cc\u0633\u062a\u200c\u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u0631\u0627 \u062f\u0631 \u0635\u0641\u062d\u0647 \u0641\u0647\u0631\u0633\u062a\u200c\u0647\u0627\u06cc \u0645\u0627 \u06cc\u0627 \u0633\u0627\u06cc\u0631 \u06a9\u0634\u0648\u06cc\u06cc\u200c\u0647\u0627 \u062f\u0631 \u0628\u0631\u0646\u0627\u0645\u0647 \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc \u0645\u0627 \u0628\u0631\u0631\u0633\u06cc \u0645\u06cc\u200c\u06a9\u0646\u0646\u062f.  \u0628\u0627 \u0627\u0646\u062a\u062e\u0627\u0628 \u0647\u0627 \u0648 \u0627\u062f\u0639\u0627\u0647\u0627 \u0628\u0627\u0632\u06cc \u06a9\u0646\u06cc\u062f.  \u0633\u0639\u06cc \u06a9\u0646\u06cc\u062f \u0641\u0647\u0631\u0633\u062a \u0686\u0646\u062f \u0627\u0646\u062a\u062e\u0627\u0628\u06cc \u0631\u0627 \u062e\u0648\u062f\u06a9\u0627\u0631 \u06a9\u0646\u06cc\u062f.<\/p>\n<\/li>\n<li>\n<p>\u0633\u0646\u0627\u0631\u06cc\u0648\u0647\u0627\u06cc \u0628\u06cc\u0634\u062a\u0631\u06cc \u0631\u0627 \u0628\u0631\u0627\u06cc \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631 \u062a\u0627\u0631\u06cc\u062e \u0627\u0636\u0627\u0641\u0647 \u06a9\u0646\u06cc\u062f.  \u0633\u0639\u06cc \u06a9\u0646\u06cc\u062f \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u067e\u06cc\u06a9\u0627\u0646 \u0686\u067e\/\u0631\u0627\u0633\u062a \u062f\u0631 \u0645\u0627\u0647 \u0647\u0627\u06cc \u0645\u062e\u062a\u0644\u0641 \u067e\u06cc\u0645\u0627\u06cc\u0634 \u06a9\u0646\u06cc\u062f.  \u0633\u0639\u06cc \u06a9\u0646\u06cc\u062f \u0627\u0646\u062a\u062e\u0627\u0628\u06af\u0631 \u062a\u0627\u0631\u06cc\u062e \u062f\u0648\u0645 \u0631\u0627 \u062e\u0648\u062f\u06a9\u0627\u0631 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u062d\u0627\u0648\u06cc \u0632\u0645\u0627\u0646 \u0646\u06cc\u0632 \u0628\u0627\u0634\u062f.  \u0628\u0627 \u0645\u062d\u0627\u0633\u0628\u0627\u062a \u0632\u0645\u0627\u0646 \u0628\u0627\u0632\u06cc \u06a9\u0646\u06cc\u062f. <\/p>\n<\/li>\n<\/ul>\n<p>\u0641\u0631\u0627\u0645\u0648\u0634 \u0646\u06a9\u0646\u06cc\u062f \u06a9\u0647 \u062a\u0645\u0627\u0645 \u06a9\u0627\u0631\u0647\u0627\u06cc\u06cc \u0631\u0627 \u06a9\u0647 \u0627\u0645\u0631\u0648\u0632 \u0627\u0646\u062c\u0627\u0645 \u062f\u0627\u062f\u06cc\u062f \u062f\u0631 Github \u0641\u0634\u0627\u0631 \u062f\u0647\u06cc\u062f \ud83d\ude09 \u062f\u0633\u062a\u0648\u0631\u0627\u062a git \u0631\u0627 \u0628\u0647 \u062e\u0627\u0637\u0631 \u062f\u0627\u0631\u06cc\u062f\u061f<\/p>\n<p><code>git add .<\/code><\/p>\n<p><code>git commit -am \"add: lists, date pickers tests\"<\/code><\/p>\n<p><code>git push<\/code><\/p>\n<p><\/p>\n<p>\u0634\u0645\u0627 \u0631\u0627 \u062f\u0631 \u062f\u0631\u0633 7 \u0645\u06cc \u0628\u06cc\u0646\u0645!<\/p>\n<p>\u06a9\u062f \u062a\u06a9\u0645\u06cc\u0644 \u0634\u062f\u0647 \u0627\u06cc\u0646 \u062f\u0631\u0633<\/p>\n<p>\u0627\u06af\u0631 \u0686\u06cc\u0632 \u062c\u062f\u06cc\u062f\u06cc \u06cc\u0627\u062f \u06af\u0631\u0641\u062a\u06cc\u062f \u0628\u0627 \u062e\u0631\u06cc\u062f \u06cc\u06a9 \u0642\u0647\u0648\u0647 \u0627\u0632 \u06a9\u0627\u0631 \u0645\u0646 \u062d\u0645\u0627\u06cc\u062a \u06a9\u0646\u06cc\u062f \u2615<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/nabfollower.com\/blog\/wp-content\/uploads\/2023\/05\/1684631499_231_\u06a9\u0627\u0631\u06af\u0627\u0647-\u0633\u0631\u0648-\u0642\u0633\u0645\u062a-5-\u062f\u0633\u062a\u06a9\u0627\u0631\u06cc-\u0639\u0646\u0627\u0635\u0631-\u062f\u06a9\u0645\u0647\u060c-\u0648\u0631\u0648\u062f\u06cc\u060c-\u062f\u06a9\u0645\u0647.png\" alt=\"\u0628\u0631\u0627\u06cc \u0645\u0646 \u06cc\u06a9 \u0642\u0647\u0648\u0647 \u0628\u062e\u0631\" loading=\"lazy\" width=\"434\" height=\"100\" title=\"\"><\/p>\n<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0644\u06cc\u0633\u062a \u0647\u0627 \u0647\u0645\u0627\u0646\u0637\u0648\u0631 \u06a9\u0647 \u0642\u0628\u0644\u0627\u064b \u062a\u0642\u0631\u06cc\u0628\u0627\u064b \u062f\u0631 \u0647\u0631 \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0627\u06cc \u06a9\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u062f\u060c \u062a\u0648\u0633\u0639\u0647 \u062f\u0627\u062f\u0647\u200c\u0627\u06cc\u062f\u060c \u0622\u0632\u0645\u0627\u06cc\u0634 \u06a9\u0631\u062f\u0647\u200c\u0627\u06cc\u062f \u062f\u06cc\u062f\u0647\u200c\u0627\u06cc\u062f\u060c \u0641\u0647\u0631\u0633\u062a\u200c\u0647\u0627 \u0639\u0646\u0627\u0635\u0631 \u0628\u0633\u06cc\u0627\u0631 \u0631\u0627\u06cc\u062c \u0648\u0628 \u0647\u0633\u062a\u0646\u062f. \u0645\u0646\u0648\u0647\u0627\u060c \u06a9\u0631\u06a9\u0631\u0647\u200c\u0647\u0627 \u0648 \u0627\u0646\u062a\u062e\u0627\u0628\u200c\u0647\u0627\u06cc \u0645\u0634\u0627\u0628\u0647 \u062c\u0632\u0621 \u0631\u0627\u06cc\u062c \u0628\u0631\u0646\u0627\u0645\u0647\u200c\u0647\u0627\u06cc \u0648\u0628 \u0647\u0633\u062a\u0646\u062f. \u2139\ufe0f \u062f\u0631\u0628\u0627\u0631\u0647 \u0627\u0642\u062f\u0627\u0645\u0627\u062a \u0644\u06cc\u0633\u062a \u0647\u0627 \u0628\u06cc\u0634\u062a\u0631 \u0628\u06cc\u0627\u0645\u0648\u0632\u06cc\u062f: \u0627\u0646\u062a\u062e\u0627\u0628 \u06a9\u0646\u06cc\u062f\u0644\u06cc\u0633\u062a \u0647\u0627\u06cc \u062a\u0633\u062a\u0647\u0631 \u06cc\u06a9 \u0628\u0646\u0627\u0628\u0631\u0627\u06cc\u0646\u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u0686\u0646\u062f \u062a\u0633\u062a \u0628\u0631\u0627\u06cc \u0644\u06cc\u0633\u062a \u0647\u0627 \u0628\u0646\u0648\u06cc\u0633\u06cc\u0645: 1: \u06cc\u06a9 &hellip;<\/p>\n","protected":false},"author":2,"featured_media":24170,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-24169","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/24169","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=24169"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/24169\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/24170"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=24169"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=24169"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=24169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}