{"id":19446295,"url":"https://github.com/devskiller/devskiller-sample-react-calculator","last_synced_at":"2025-04-25T01:32:04.352Z","repository":{"id":46158862,"uuid":"150555129","full_name":"Devskiller/devskiller-sample-react-calculator","owner":"Devskiller","description":"Devskiller programming task sample - React","archived":false,"fork":false,"pushed_at":"2024-11-24T17:55:19.000Z","size":1627,"stargazers_count":4,"open_issues_count":15,"forks_count":9,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-04-03T14:43:37.549Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Devskiller.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-09-27T08:36:12.000Z","updated_at":"2024-07-03T21:48:49.000Z","dependencies_parsed_at":"2023-01-29T21:30:31.238Z","dependency_job_id":null,"html_url":"https://github.com/Devskiller/devskiller-sample-react-calculator","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Devskiller%2Fdevskiller-sample-react-calculator","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Devskiller%2Fdevskiller-sample-react-calculator/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Devskiller%2Fdevskiller-sample-react-calculator/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Devskiller%2Fdevskiller-sample-react-calculator/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Devskiller","download_url":"https://codeload.github.com/Devskiller/devskiller-sample-react-calculator/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250738129,"owners_count":21479137,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-10T16:13:28.481Z","updated_at":"2025-04-25T01:32:04.060Z","avatar_url":"https://github.com/Devskiller.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# DevSkiller programming task sample - React\n\n## Introduction\n\nWith [DevSkiller.com](https://devskiller.com) you can assess your candidates'\nprogramming skills as a part of your recruitment process. We have found that\nprogramming tasks are the best way to do this and have built our tests\naccordingly. The way our test works is your candidate is asked to modify the\nsource code of an existing project.\n\nDuring the test, your candidates have the option of using our browser-based\ncode editor and can build the project inside the browser at any time. If they\nwould prefer to use an IDE they are more comfortable with, they can also\ndownload the project code or clone the project’s Git repository and work\nlocally.\n\nYou can check out this short video to see the test from the [candidate's\nperspective](https://devskiller.zendesk.com/hc/en-us/articles/360019534639-How-the-TalentScore-test-looks-like-from-the-candidate-perspective).\n\nThis repo contains a sample project for JavaScript and below you can\nfind a detailed guide for creating your own programming project.\n\n**Please make sure to read our [Getting started with programming\nprojects](https://devskiller.zendesk.com/hc/en-us/articles/360019531059-Getting-started-with-Programming-Tasks) guide first**\n\n## Technical details\n\nAny **JavaScript** project can be used as a programming task. We support \n**npm** for managing external dependencies, including your favorite unit test\nrunner (be it **Jest** or **Karma**).\n\nIt is also possible to use cli tools like `Create React App` or `Vue CLI` to\nscaffold a project.\n\nThe project will be executed with the following command:\n\n```sh\nnpm install \u0026\u0026 npm test\n```\n\nWhen configuring the project, make sure that the **test-results.xml** file in JUnit format is returned as the output of the test execution. \n\nIn this case, **jest-junit** is added to **package.json** and used as a test reporter.\n\n```json\n\"dependencies\": {\n\t\"jest-junit\": \"^13.0.0\"\n},\n\n\"jest-junit\": {\n\t\"outputName\": \"./test-results.xml\",\n\t\"suiteName\": \"jest tests\",\n\t\"suiteNameTemplate\": \"{filepath}\",\n\t\"classNameTemplate\": \"{classname}\",\n\t\"titleTemplate\": \"{title}\",\n\t\"ancestorSeparator\": \" › \"\n},\n\n\"scripts\": {\n\t\"test\": \"react-scripts test --env=jsdom --testResultsProcessor='jest-junit' --verbose\"\n},\n```\n\n**When compressing the project contents into a ZIP archive please skip\n`./node_modules` directories.**\n\n## Automatic assessment\n\nIt is possible to automatically assess the solution posted by the candidate.\nAutomatic assessment is based on unit tests results and code quality\nmeasurements.\n\nThere are two kinds of unit tests:\n\n1. **Candidate tests** - unit tests that the candidate can see during the test\n   should be used only for basic verification and to guide the candidate in\n   understanding the requirements of the project. Candidate tests WILL NOT be used\n   to calculate the final score.\n2. **Verification tests** - unit tests that the candidate can’t see during the\n   test. Files containing verification tests will be added to the project after\n   the candidate finishes the test and will be executed during the verification\n   phase. The results of the verification tests will be used to calculate the\n   final score.\n\nOnce the solution is developed and submitted, the platform executes\nverification tests and performs static code analysis.\n\n## DevSkiller project descriptor\n\nProgramming tasks can be configured with the Devskiller project descriptor file:\n\n1. Create a `devskiller.json` file.\n2. Place it in the root directory of your project.\n\nHere is an example project descriptor:\n\n```json\n{\n  \"verification\": {\n    \"testNamePatterns\": [\".*verify_pack.*\"],\n    \"pathPatterns\": [\"**verify_pack**\"]\n  },\n  \"readOnlyFiles\" : [ \"package.json\", \"test/**\" ]\n}\n```\n\nYou can find more details about the `devskiller.json` descriptor in our\n[documentation](https://devskiller.zendesk.com/hc/en-us/articles/360019530419-Programming-task-project-descriptor).\n\n## Automatic verification with verification tests\n\nThe solution submitted by the candidate may be verified using automated tests.\nYou’ll just have to define which tests should be treated as verification tests.\n\nAll files classified as verification tests will be removed from the project\nprior to inviting the candidate.\n\nTo define verification tests, you need to set two configuration properties in\n`devskiller.json`:\n\n- `testNamePatterns` - an array of RegEx patterns which should match all the\n  names of the verification tests.\n- `pathPatterns` - an array of GLOB patterns which should match all the files\n  containing verification tests. All the files that match defined patterns will\n  be deleted from candidates' projects and will be added to the projects during\n  the verification phase. These files will not be visible to the candidate during\n  the test.\n\nIn our sample project all verification tests are in a test suite are prefixed\nwith `verify_pack` string and are located in files under `verify_pack`\ndirectory. In this case the following will suffice::\n\n\n```json\n\"testNamePatterns\" : [\".*verify_pack.*\"],\n\"pathPatterns\": [\"**verify_pack**\"]\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevskiller%2Fdevskiller-sample-react-calculator","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevskiller%2Fdevskiller-sample-react-calculator","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevskiller%2Fdevskiller-sample-react-calculator/lists"}