diff --git a/.github/workflows/test.yml-template b/.github/workflows/test.yml-template new file mode 100644 index 000000000..44ac4e963 --- /dev/null +++ b/.github/workflows/test.yml-template @@ -0,0 +1,29 @@ +name: Test + +on: + pull_request: + branches: [ master ] + +jobs: + build: + + runs-on: ubuntu-latest + + strategy: + matrix: + node-version: [20.x] + + steps: + - uses: actions/checkout@v2 + - name: Use Node.js ${{ matrix.node-version }} + uses: actions/setup-node@v1 + with: + node-version: ${{ matrix.node-version }} + - run: npm install + - run: npm start & sleep 5 && npm test + - name: Upload tests report(cypress mochaawesome merged HTML report) + if: ${{ always() }} + uses: actions/upload-artifact@v2 + with: + name: report + path: reports diff --git a/src/index.html b/src/index.html index 3496ee135..4685b0541 100644 --- a/src/index.html +++ b/src/index.html @@ -9,6 +9,7 @@ /> + diff --git a/src/scripts/main.js b/src/scripts/main.js index 2cdcd10cf..094a3051c 100644 --- a/src/scripts/main.js +++ b/src/scripts/main.js @@ -21,7 +21,20 @@ const food = { const tree = document.querySelector('#tree'); function createTree(element, data) { - // WRITE YOUR CODE HERE + const ul = document.createElement('ul'); + + Object.keys(data).forEach((item) => { + const liItem = document.createElement('li'); + + liItem.textContent = item; + ul.appendChild(liItem); + + if (typeof data[item] === 'object' && Object.keys(data[item]).length > 0) { + createTree(liItem, data[item]); + } + }); + + element.appendChild(ul); } createTree(tree, food); diff --git a/src/styles/_fonts.scss b/src/styles/_fonts.scss index 45cdd5400..5cfc5b4d0 100644 --- a/src/styles/_fonts.scss +++ b/src/styles/_fonts.scss @@ -1,6 +1,6 @@ @font-face { font-family: Roboto, Arial, Helvetica, sans-serif; - src: url('../fonts/Roboto-Regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; + src: url('../fonts/Roboto-Regular-webfont.woff') format('woff'); }