{"title":"JavaScript-kod","version":"5.2","locale":"sv","docname":"internals/contributing/writing-code/javascript","url":"/sv/5.2/internals/contributing/writing-code/javascript/","canonical":"https://djangodocs.dev/sv/5.2/internals/contributing/writing-code/javascript/","summary":"Medan det mesta av Django-kärnan är Python, innehåller Contrib-apparna admin och gis JavaScript-kod. Följ dessa kodningsstandarder när du skriver JavaScript-kod för…","html":"

JavaScript-kodLink to this heading#

\n

Medan det mesta av Django-kärnan är Python, innehåller Contrib-apparna admin och gis JavaScript-kod.

\n

Följ dessa kodningsstandarder när du skriver JavaScript-kod för inkludering i Django.

\n
\n

Kod för stilLink to this heading#

\n\n
\n
\n

JavaScript-uppdateringarLink to this heading#

\n

Djangos adminsystem utnyttjar jQuery-ramverket för att öka funktionerna i admingränssnittet. I samband med detta läggs tonvikten på JavaScript-prestanda för admin och minimering av den totala filstorleken för adminmedia.

\n
\n
\n

JavaScript-testerLink to this heading#

\n

Djangos JavaScript-tester kan köras i en webbläsare eller från kommandoraden. Testerna finns i en katalog på högsta nivån js_tests.

\n
\n

Skriva testerLink to this heading#

\n

Djangos JavaScript-tester använder QUnit. Här är ett exempel på en testmodul:

\n
JavaScript
QUnit.module('magicTricks', {\n    beforeEach: function() {\n        const $ = django.jQuery;\n        $('#qunit-fixture').append('<button class="button"></button>');\n    }\n});\n\nQUnit.test('removeOnClick removes button on click', function(assert) {\n    const $ = django.jQuery;\n    removeOnClick('.button');\n    assert.equal($('.button').length, 1);\n    $('.button').click();\n    assert.equal($('.button').length, 0);\n});\n\nQUnit.test('copyOnClick adds button on click', function(assert) {\n    const $ = django.jQuery;\n    copyOnClick('.button');\n    assert.equal($('.button').length, 1);\n    $('.button').click();\n    assert.equal($('.button').length, 2);\n});\n
\n

Se dokumentationen för QUnit för information om vilka typer av assertions som stöds av QUnit.

\n
\n
\n

Genomföra testerLink to this heading#

\n

JavaScript-testerna kan köras från en webbläsare eller från kommandoraden.

\n
\n

Testning från en webbläsareLink to this heading#

\n

Om du vill köra testerna från en webbläsare öppnar du js_tests/tests.html i din webbläsare.

\n

Om du vill mäta kodtäckningen när du kör testerna måste du visa filen via HTTP. Så här visar du kodtäckning:

\n\n
\n
\n

Testning från kommandoradenLink to this heading#

\n

För att köra testerna från kommandoraden måste du ha Node.js installerat.

\n

När du har installerat Node.js installerar du JavaScript-testberoendena genom att köra följande från roten till din Django-kassakontroll:

\n

Linux / macOS

Shell
$ npm install\n
\n

Windows

Windows
...\\> npm install\n
\n

Kör sedan testerna med:

\n

Linux / macOS

Shell
$ npm test\n
\n

Windows

Windows
...\\> npm test\n
\n
\n
\n
","rootId":"javascript-code","toc":[{"title":"Kod för stil","anchor":"code-style","children":[]},{"title":"JavaScript-uppdateringar","anchor":"javascript-patches","children":[]},{"title":"JavaScript-tester","anchor":"javascript-tests","children":[{"title":"Skriva tester","anchor":"writing-tests","children":[]},{"title":"Genomföra tester","anchor":"running-tests","children":[{"title":"Testning från en webbläsare","anchor":"testing-from-a-web-browser","children":[]},{"title":"Testning från kommandoraden","anchor":"testing-from-the-command-line","children":[]}]}]}],"breadcrumbs":[{"docname":"internals/index","title":"Djangos interna funktioner","url":"/sv/5.2/internals/"},{"docname":"internals/contributing/index","title":"Att bidra till Django","url":"/sv/5.2/internals/contributing/"},{"docname":"internals/contributing/writing-code/index","title":"Bidra med kod","url":"/sv/5.2/internals/contributing/writing-code/"}],"prev":{"docname":"internals/contributing/writing-code/coding-style","title":"Kodningsstil","url":"/sv/5.2/internals/contributing/writing-code/coding-style/"},"next":{"docname":"internals/contributing/accessibility","title":"Tillgänglighet","url":"/sv/5.2/internals/contributing/accessibility/"},"formats":{"html":"/sv/5.2/internals/contributing/writing-code/javascript/","markdown":"/sv/5.2/internals/contributing/writing-code/javascript.md","json":"/sv/5.2/internals/contributing/writing-code/javascript.json"},"source":"https://github.com/django/django/blob/stable/5.2.x/docs/internals/contributing/writing-code/javascript.txt","official":"https://docs.djangoproject.com/sv/5.2/internals/contributing/writing-code/javascript/","inVersions":["6.1","6.0","5.2"],"inLocales":["en","sv","zh-hans","ga","fr","ja","id","it","pt-br","ko","es","el","pl"]}