અમે અમારા કાર્યમાં પ્લેટફોર્મનો સક્રિયપણે ઉપયોગ કરીએ છીએ સોનારક્યૂબ ઉચ્ચ સ્તર પર કોડ ગુણવત્તા જાળવવા માટે. માં લખેલા પ્રોજેક્ટ્સમાંથી એકને એકીકૃત કરતી વખતે VueJs+Typescript, સમસ્યાઓ ઊભી થઈ. તેથી, હું તમને વધુ વિગતવાર જણાવવા માંગુ છું કે અમે તેમને કેવી રીતે હલ કરવામાં સફળ થયા.

આ લેખમાં આપણે વાત કરીશું, જેમ મેં ઉપર લખ્યું છે, SonarQube પ્લેટફોર્મ વિશે. એક નાનો સિદ્ધાંત - સામાન્ય રીતે તે શું છે, જેઓ તેના વિશે પ્રથમ વખત સાંભળે છે તેમના માટે:

સોનારક્યૂબ (ભૂતપૂર્વ સોનાર) સતત નિરીક્ષણ અને કોડ ગુણવત્તા માપન માટે એક ઓપન સોર્સ પ્લેટફોર્મ છે.
MISRA C, MISRA C++, MITER/CWE અને CERT સિક્યોર કોડિંગ સ્ટાન્ડર્ડ્સ પ્રોગ્રામિંગ ધોરણોના નિયમો અનુસાર કોડ વિશ્લેષણ અને ભૂલ શોધને સપોર્ટ કરે છે. તે OWASP ટોપ 10 અને CWE/SANS ટોપ 25 પ્રોગ્રામિંગ ભૂલોની સૂચિમાંથી ભૂલોને પણ ઓળખી શકે છે.
પ્લેટફોર્મ વિવિધ તૈયાર સાધનોનો ઉપયોગ કરે છે તે હકીકત હોવા છતાં, SonarQube રનનો ઇતિહાસ રાખીને પરિણામોને એક જ ડેશબોર્ડ પર ઘટાડી દે છે અને તે રીતે તમને વિકાસ દરમિયાન સોફ્ટવેરની ગુણવત્તામાં ફેરફારનો સામાન્ય વલણ જોવાની મંજૂરી આપે છે.

વધુ વિગતો પર મળી શકે છે સત્તાવાર વેબસાઇટ

મોટી સંખ્યામાં પ્રોગ્રામિંગ ભાષાઓ સપોર્ટેડ છે. ઉપરની લિંક પરથી મળેલી માહિતીને આધારે, આ 25 થી વધુ ભાષાઓ છે. ચોક્કસ ભાષાને સમર્થન આપવા માટે, તમારે યોગ્ય પ્લગઇન ઇન્સ્ટોલ કરવું આવશ્યક છે. સમુદાય સંસ્કરણમાં કામ કરવા માટે પ્લગઇન શામેલ છે જાવાસ્ક્રિપ્ટ (typeсript સહિત), જોકે વિકિ વિરુદ્ધ કહે છે. પાછળ જાવાસ્ક્રિપ્ટ પ્લગઇન જવાબો સોનારજેએસ, Typescript માટે SonarTS અનુક્રમે.

સત્તાવાર ક્લાયંટનો ઉપયોગ કવરેજ માહિતી મોકલવા માટે થાય છે સોનાર્ક્યુબ-સ્કેનર, જેમાંથી સેટિંગ્સનો ઉપયોગ કરીને રૂપરેખા-ફાઈલ, આ ડેટા સર્વરને મોકલે છે સોનારક્યૂબ વધુ એકત્રીકરણ અને એકત્રીકરણ માટે.

માટે જાવાસ્ક્રિપ્ટ છે એનપીએમ રેપર. તેથી, ચાલો પગલું-દર-પગલાં અમલીકરણ શરૂ કરીએ સોનારક્યૂબ в વ્યુ- પ્રોજેક્ટનો ઉપયોગ કરીને ટાઇપસ્ક્રિપ્ટ.

સર્વર જમાવવા માટે સોનારક્યૂબ ચાલો લાભ લઈએ ડોકર-કંપોઝ.

સોનાર.યામલ:

version: '1'
    services:
        simplesample-sonar:
            image: sonarqube:lts
            ports:
                - 9001:9000
                - 9092:9092
            network_mode: bridge

લોન્ચ:

docker-compose -f sonar.yml up

તે પછી સોનારક્યૂબ અહીં ઉપલબ્ધ થશે: http://localhost:9001 .

તેમાં હજી સુધી કોઈ પ્રોજેક્ટ નથી અને તે વાજબી છે. અમે આ સ્થિતિ સુધારીશું. મેં માટે સત્તાવાર ઉદાહરણ પ્રોજેક્ટ લીધો VueJS+TS+જેસ્ટ. ચાલો તેને આપણી તરફ વાળીએ:

git clone https://github.com/vuejs/vue-test-utils-typescript-example.git

પ્રથમ આપણે ક્લાયંટ ઇન્સ્ટોલ કરવાની જરૂર છે સોનારક્યૂબ, જેને કહેવામાં આવે છે સોનાર-સ્કેનરમાટે npm ત્યાં એક આવરણ છે:

yarn add sonarqube-scanner

અને તરત જ આદેશ ઉમેરો સ્ક્રિપ્ટ્સ તેની સાથે કામ કરવા માટે.

package.json:

{
 … 
   scripts: {
      ...
      "sonar": "sonar-scanner"
      ...
   },
 …
}

આગળ, સ્કેનર કામ કરવા માટે, તમારે વિશિષ્ટ ફાઇલમાં પ્રોજેક્ટ સેટિંગ્સ સેટ કરવાની જરૂર છે. ચાલો મૂળભૂત સાથે પ્રારંભ કરીએ.

sonar-project.properties:

sonar.host.url=http://localhost:9001

sonar.projectKey=test-project-vuejs-ts
sonar.projectName=Test Application (VueJS+TS)

sonar.sources=src
# sonar.tests=
sonar.test.inclusions=src/**/*tests*/**
sonar.sourceEncoding=UTF-8

• sonar.host.url - સરનામું સોનાર'એ;
• sonar.projectKey - સર્વર પર અનન્ય પ્રોજેક્ટ ઓળખકર્તા સોનાર'એ;
• sonar.projectName - તેનું નામ, તે કોઈપણ સમયે બદલી શકાય છે, કારણ કે પ્રોજેક્ટ દ્વારા ઓળખવામાં આવે છે પ્રોજેક્ટકી;
• સોનાર.સોર્સ - સ્ત્રોતો સાથે ફોલ્ડર, સામાન્ય રીતે આ સ્રોત, પરંતુ કંઈપણ હોઈ શકે છે. આ ફોલ્ડર રૂટ ફોલ્ડરની તુલનામાં સેટ કરેલ છે, જે તે ફોલ્ડર છે જેમાંથી સ્કેનર લોંચ કરવામાં આવે છે;
• સોનાર.પરીક્ષણો - એક પરિમાણ જે પાછલા એક સાથે અનુસંધાનમાં જાય છે. આ તે ફોલ્ડર છે જ્યાં પરીક્ષણો સ્થિત છે. આ પ્રોજેક્ટમાં, એવું કોઈ ફોલ્ડર નથી, અને ટેસ્ટ ફોલ્ડરમાં પરીક્ષણ કરવામાં આવતા ઘટકની બાજુમાં સ્થિત છે.ટેસ્ટ', તેથી અમે તેને હમણાં માટે અવગણીશું અને આગામી પરિમાણનો ઉપયોગ કરીશું;
• સોનાર.ટેસ્ટ.સમાવેશ - માસ્કનો ઉપયોગ કરીને પરીક્ષણો માટેનો માર્ગ, અલ્પવિરામ દ્વારા વિભાજિત સૂચિબદ્ધ ઘણા ઘટકો હોઈ શકે છે;
• sonar.sourceEncoding - સ્ત્રોત ફાઇલો માટે એન્કોડિંગ.

સ્કેનરના પ્રથમ પ્રક્ષેપણ માટે, મુખ્ય પૂર્વવર્તી ક્રિયા સિવાય બધું જ તૈયાર છે: પરીક્ષણ એન્જિન પોતે જ લોંચ કરવું, જેથી તે કવરેજ વિશે માહિતી જનરેટ કરી શકે, જેનો સ્કેનર પછીથી ઉપયોગ કરશે.

પરંતુ આ કરવા માટે, તમારે આ માહિતી જનરેટ કરવા માટે પરીક્ષણ એન્જિનને ગોઠવવાની જરૂર છે. આ પ્રોજેક્ટમાં, ટેસ્ટ એન્જિન છે ત્યાં છે. અને તેની સેટિંગ્સ ફાઇલના અનુરૂપ વિભાગમાં છે પેકેજ.જેસન.

ચાલો આ સેટિંગ્સ ઉમેરીએ:

"collectCoverage": true,
"collectCoverageFrom": [
      "src/**/*",
      "!src/main.ts",
      "!src/App.vue",
      "!src/**/*.d.*",
      "!src/**/*__tests__*"
],

એટલે કે, અમે કવરેજ અને સ્ત્રોત (અપવાદો સાથે) કે જેના આધારે તેની રચના કરવામાં આવશે તેની ગણતરી કરવાની જરૂરિયાત માટે ધ્વજ પોતે જ સેટ કર્યો છે.

હવે ચાલો ટેસ્ટ ચલાવીએ:

yarn test

અમે નીચેની બાબતો જોઈશું:

કારણ એ છે કે ઘટકમાં જ કોઈ કોડ નથી. ચાલો આને ઠીક કરીએ.

HelloWorld.vue:

...
methods: {
    calc(n) {
      return n + 1;
    }
  },
mounted() {
  this.msg1 = this.msg + this.calc(1);
},
...

કવરેજની ગણતરી કરવા માટે આ પૂરતું હશે.

પરીક્ષણ પુનઃપ્રારંભ કર્યા પછી, અમે આની ખાતરી કરીશું:

સ્ક્રીન પર આપણે કવરેજ વિશેની માહિતી જોવી જોઈએ, અને પ્રોજેક્ટ ફોલ્ડરમાં એક ફોલ્ડર બનાવવામાં આવશે કવરેજ સાર્વત્રિક ફોર્મેટમાં પરીક્ષણ કવરેજ માહિતી સાથે LCOV (LTP GCOV એક્સ્ટેંશન).

Gcov કોડ કવરેજની તપાસ કરવા માટે મુક્તપણે વિતરિત ઉપયોગિતા છે. Gcov પ્રોગ્રામમાં દરેક સ્ટેટમેન્ટ માટે એક્ઝેક્યુશનની ચોક્કસ સંખ્યા જનરેટ કરે છે અને તમને સોર્સ કોડમાં ટીકા ઉમેરવાની મંજૂરી આપે છે. GCC પેકેજના ભાગ રૂપે Gcov પ્રમાણભૂત ઉપયોગિતા તરીકે આવે છે.
એલકોવ - gcov માટે ગ્રાફિકલ ઇન્ટરફેસ. તે બહુવિધ સ્રોત ફાઇલો માટે gcov ફાઇલોને એસેમ્બલ કરે છે અને કોડ અને કવરેજ માહિતી સાથે HTML પૃષ્ઠોનો સમૂહ બનાવે છે. નેવિગેશનને સરળ બનાવવા માટે પૃષ્ઠો પણ જનરેટ કરવામાં આવે છે. Lcov શબ્દમાળાઓ, કાર્યો અને શાખાઓના કવરેજને સપોર્ટ કરે છે.

પરીક્ષણો પૂર્ણ થયા પછી, કવરેજ માહિતી સ્થિત કરવામાં આવશે coverage/lcov.info.
આપણે કહેવાની જરૂર છે સોનાર'હું ક્યાંથી મેળવી શકું? તેથી, ચાલો તેની રૂપરેખાંકન ફાઈલમાં નીચેની લીટીઓ ઉમેરીએ. પરંતુ ત્યાં એક મુદ્દો છે: પ્રોજેક્ટ બહુભાષી હોઈ શકે છે, એટલે કે, ફોલ્ડરમાં સ્રોત ઘણી પ્રોગ્રામિંગ ભાષાઓ અને એક અથવા બીજી સાથે જોડાણ માટે સ્રોત કોડ્સ છે, અને બદલામાં, એક અથવા બીજા પ્લગઇનનો ઉપયોગ તેના વિસ્તરણ દ્વારા નક્કી કરવામાં આવે છે. અને કવરેજ માહિતી વિવિધ પ્રોગ્રામિંગ ભાષાઓ માટે વિવિધ સ્થળોએ સંગ્રહિત કરી શકાય છે, તેથી દરેક ભાષાને આ સેટ કરવા માટે તેનો પોતાનો વિભાગ છે. અમારો પ્રોજેક્ટ ઉપયોગ કરે છે ટાઇપસ્ક્રિપ્ટ, તેથી અમને ફક્ત તેના માટે સેટિંગ્સ વિભાગની જરૂર છે:

sonar-project.properties:

sonar.typescript.coveragePlugin=lcov
sonar.typescript.lcov.reportPaths=coverage/lcov.info

સ્કેનરના પ્રથમ લોન્ચ માટે બધું તૈયાર છે. હું એ નોંધવા માંગુ છું કે પ્રોજેક્ટ છે સોનારજ્યારે તમે આપેલ પ્રોજેક્ટ માટે પ્રથમ વખત સ્કેનર ચલાવો છો ત્યારે 'e આપોઆપ બને છે. અનુગામી સમયમાં, સમયાંતરે પ્રોજેક્ટ પરિમાણોમાં ફેરફારની ગતિશીલતા જોવા માટે માહિતી એકઠી કરવામાં આવશે.

તો, ચાલો પહેલા બનાવેલ આદેશનો ઉપયોગ કરીએ પેકેજ.જેસન:

yarn run sonar 

ઉદાહરણ: તમે પરિમાણનો પણ ઉપયોગ કરી શકો છો -X વધુ વિગતવાર લોગીંગ માટે.

જો સ્કેનર પ્રથમ વખત લોંચ કરવામાં આવ્યું હોય, તો સ્કેનરની બાઈનરી પોતે જ પહેલા ડાઉનલોડ થશે. તે પછી તે શરૂ થાય છે અને સર્વરને સ્કેન કરવાનું શરૂ કરે છે સોનારસ્થાપિત પ્લગઈનો માટે a, ત્યાં આધારભૂત ભાષાની ગણતરી કરે છે. તેની કામગીરી માટેના અન્ય વિવિધ પરિમાણો પણ લોડ થયેલ છે: ગુણવત્તા પ્રોફાઇલ્સ, સક્રિય નિયમો, મેટ્રિક્સ રિપોઝીટરી, સર્વર નિયમો.

ઉદાહરણ: અમે આ લેખના માળખામાં તેમના પર વિગતવાર ધ્યાન આપીશું નહીં, પરંતુ તમે હંમેશા સત્તાવાર સ્ત્રોતોનો સંપર્ક કરી શકો છો.

આગળ, ફોલ્ડર વિશ્લેષણ શરૂ થાય છે સ્રોત તેમના અનુગામી અનુક્રમણિકા સાથે, બધા માટે સ્રોત ફાઇલોની ઉપલબ્ધતા માટે (જો કોઈ ચોક્કસ સ્પષ્ટપણે ઉલ્લેખિત ન હોય તો) સમર્થિત ભાષા.

આગળ વિવિધ અન્ય વિશ્લેષણો આવે છે, જેના પર અમે આ લેખમાં ધ્યાન કેન્દ્રિત કરતા નથી (ઉદાહરણ તરીકે, લિંટિંગ, કોડ ડુપ્લિકેશનની શોધ, વગેરે).

સ્કેનરના કામના ખૂબ જ અંતે, બધી એકત્રિત માહિતી એકત્ર કરવામાં આવે છે, આર્કાઇવ કરવામાં આવે છે અને સર્વરને મોકલવામાં આવે છે.

આ પછી, વેબ ઈન્ટરફેસમાં શું થયું તે આપણે જોઈ શકીએ છીએ:

જેમ આપણે જોઈ શકીએ છીએ, કંઈક કામ કર્યું છે, અને અમુક પ્રકારનું કવરેજ પણ બતાવે છે, પરંતુ તે આપણા સાથે મેળ ખાતું નથી ત્યાં છે- અહેવાલ.

ચાલો તેને આકૃતિ કરીએ. ચાલો પ્રોજેક્ટને વધુ વિગતમાં જોઈએ, કવરેજ મૂલ્ય પર ક્લિક કરો અને વિગતવાર ફાઇલ રિપોર્ટમાં "પડવું":

અહીં આપણે મુખ્ય ઉપરાંત, તપાસેલ ફાઈલ જોઈએ છીએ HelloWorld.vue, એક ફાઇલ પણ છે મુખ્ય ટી.એસ, જે કવરેજના સમગ્ર ચિત્રને બગાડે છે. પરંતુ અમે તેને કવરેજની ગણતરીમાંથી કેવી રીતે બાકાત રાખ્યું. હા, બધું સાચું છે, પરંતુ તે સ્તર પર હતું ત્યાં છે, પરંતુ સ્કેનર તેને અનુક્રમિત કરે છે, તેથી તે તેની ગણતરીમાં સમાપ્ત થાય છે.

ચાલો આને ઠીક કરીએ:

sonar-project.properties:

...
sonar.exclusions=src/main.ts
...

હું સ્પષ્ટતા કરવા માંગુ છું: આ પેરામીટરમાં ઉલ્લેખિત ફોલ્ડર્સ ઉપરાંત, પેરામીટરમાં સૂચિબદ્ધ બધા ફોલ્ડર્સ પણ ઉમેરવામાં આવ્યા છે. સોનાર.ટેસ્ટ.સમાવેશ.

સ્કેનર લોંચ કર્યા પછી, અમને સાચી માહિતી દેખાય છે:

ચાલો આગળનો મુદ્દો જોઈએ - ગુણવત્તા પ્રોફાઇલ્સ. મેં ઉપર આધાર વિશે વાત કરી સોનાર'ઓમ એક જ સમયે ઘણી ભાષાઓ. આ બરાબર છે જે આપણે જોઈ રહ્યા છીએ. પરંતુ અમે જાણીએ છીએ કે અમારો પ્રોજેક્ટ લખાયેલ છે TS, તો શા માટે સ્કેનરને બિનજરૂરી મેનીપ્યુલેશન્સ અને તપાસ સાથે તાણવું. અમે રૂપરેખાંકન ફાઇલમાં વધુ એક પરિમાણ ઉમેરીને વિશ્લેષણ માટે ભાષા સેટ કરીશું સોનાર'એ:

sonar-project.properties:

...
sonar.language=ts
...

ચાલો ફરીથી સ્કેનર ચલાવીએ અને પરિણામ જોઈએ:

કવરેજ સંપૂર્ણપણે અદૃશ્ય થઈ ગયું હતું.

જો આપણે સ્કેનર લોગ જોઈએ, તો આપણે નીચેની લીટી જોઈ શકીએ છીએ:

એટલે કે, અમારી પ્રોજેક્ટ ફાઇલો ફક્ત અનુક્રમિત ન હતી.

પરિસ્થિતિ નીચે મુજબ છે: સત્તાવાર રીતે સપોર્ટેડ VueJs પ્લગઇનમાં છે સોનારજેએસકોણ જવાબદાર છે જાવાસ્ક્રિપ્ટ.

પરંતુ આ સપોર્ટ પ્લગઇનમાં નથી SonarTS માટે TS, જેના વિશે બગ ટ્રેકરમાં સત્તાવાર ટિકિટ ખોલવામાં આવી હતી સોનાર'એ:

1. https://jira.sonarsource.com/browse/MMF-1441
2. https://github.com/SonarSource/SonarJS/issues/1281

સોનારક્યુબ ડેવલપર્સના પ્રતિનિધિઓમાંથી એકના કેટલાક જવાબો આ હકીકતની પુષ્ટિ કરે છે.

પરંતુ બધું અમારા માટે કામ કરતું હતું, તમે વાંધો ઉઠાવો છો. હા તે છે, ચાલો તેને થોડો પ્રયાસ કરીએ "હેક".
આધાર હોય તો .vue-ફાઈલો સોનાર'ઓહ, તો ચાલો તેને કહેવાનો પ્રયત્ન કરીએ કે તેઓ તેમને માને ટાઇપસ્ક્રિપ્ટ.

ચાલો એક પરિમાણ ઉમેરીએ:

sonar-project.properties:

...
sonar.typescript.file.suffixes=.ts,.tsx,.vue
...

ચાલો સ્કેનર લોંચ કરીએ:

અને, વોઇલા, બધું સામાન્ય થઈ ગયું છે, અને ફક્ત એક પ્રોફાઇલ સાથે ટાઇપસ્ક્રિપ્ટ. એટલે કે, અમે સમર્થનમાં સમસ્યા હલ કરવામાં વ્યવસ્થાપિત છીએ VueJs+TS માટે સોનારક્યૂબ.

ચાલો આગળ જવાનો પ્રયાસ કરીએ અને કવરેજની માહિતીમાં થોડો સુધારો કરીએ.

અમે અત્યાર સુધી શું કર્યું છે:

• પ્રોજેક્ટમાં ઉમેર્યું સોનાર- સ્કેનર;
• સ્થાપના ત્યાં છે કવરેજ માહિતી પેદા કરવા માટે;
• રૂપરેખાંકિત સોનાર- સ્કેનર;
• આધાર સમસ્યા હલ કરી .vue-ફાઈલો + ટાઇપસ્ક્રિપ્ટ.

પરીક્ષણ કવરેજ ઉપરાંત, કોડ ગુણવત્તા માટે અન્ય રસપ્રદ ઉપયોગી માપદંડો છે, ઉદાહરણ તરીકે, કોડ ડુપ્લિકેશન અને પ્રોજેક્ટની રેખાઓની સંખ્યા (કોડ જટિલતાને સંબંધિત ગુણાંકની ગણતરીમાં સામેલ).

સાથે કામ કરવા માટે પ્લગઇનના વર્તમાન અમલીકરણમાં TS (SonarTS) કામ કરશે નહીં CPD (કોપી પેસ્ટ ડિટેક્ટર) અને કોડની લાઇનોની ગણતરી .vue-ફાઈલો.

કોડ ડુપ્લિકેશનની સિન્થેટીક પરિસ્થિતિ બનાવવા માટે, ઘટકોની ફાઇલને અલગ નામ સાથે ડુપ્લિકેટ કરો અને તેને કોડમાં ઉમેરો મુખ્ય ટી.એસ એક ડમી ફંક્શન અને તેને અલગ નામ સાથે ડુપ્લિકેટ કરો. માં તરીકે ડુપ્લિકેશન તપાસવા માટે .vue, અને માં .ts -ફાઈલો.

main.ts:

...
function name(params:string): void {
  console.log(params);
}
...

આ કરવા માટે, તમારે રૂપરેખાંકન લાઇન પર અસ્થાયી રૂપે ટિપ્પણી કરવાની જરૂર છે:

sonar-project.properties:

...
sonar.exclusions=src/main.ts
...

ચાલો પરીક્ષણ સાથે સ્કેનરને ફરીથી પ્રારંભ કરીએ:

yarn test && yarn run sonar

અલબત્ત, અમારું કવરેજ ઘટશે, પરંતુ હવે અમને તેમાં રસ નથી.

કોડની ડુપ્લિકેટિંગ રેખાઓના સંદર્ભમાં, અમે જોશું:

તપાસવા માટે અમે ઉપયોગ કરીશું સીપીડીઉપયોગિતા - jscpd:

npx jscpd src

કોડની રેખાઓ માટે:

કદાચ આ ભવિષ્યના પ્લગઇન સંસ્કરણોમાં ઉકેલાઈ જશે SonarJS(TS). હું એ નોંધવા માંગુ છું કે તેઓ ધીમે ધીમે આ બે પ્લગિન્સને એકમાં મર્જ કરવાનું શરૂ કરી રહ્યાં છે સોનારજેએસ, જે મને યોગ્ય લાગે છે.

હવે હું કવરેજ માહિતી સુધારવાના વિકલ્પ પર વિચાર કરવા માંગતો હતો.

અત્યાર સુધી આપણે સમગ્ર પ્રોજેક્ટ માટે અને ખાસ કરીને ફાઇલો માટે ટકાવારીની દ્રષ્ટિએ ટેસ્ટ કવરેજ જોઈ શકીએ છીએ. પરંતુ જથ્થા વિશેની માહિતી સાથે આ સૂચકને વિસ્તૃત કરવું શક્ય છે એકમ- પ્રોજેક્ટ માટે પરીક્ષણો, તેમજ ફાઇલોના સંદર્ભમાં.

ત્યાં એક પુસ્તકાલય છે જે કરી શકે છે ત્યાં છે- રિપોર્ટને ફોર્મેટમાં કન્વર્ટ કરો સોનાર'એ:
સામાન્ય પરીક્ષણ ડેટા - https://docs.sonarqube.org/display/SONAR/Generic+Test+Data.

ચાલો આ લાઇબ્રેરીને અમારા પ્રોજેક્ટમાં ઇન્સ્ટોલ કરીએ:

yarn add jest-sonar-reporter

અને તેને રૂપરેખાંકનમાં ઉમેરો ત્યાં છે:

package.json:

…
"testResultsProcessor": "jest-sonar-reporter"
…

હવે ચાલો ટેસ્ટ ચલાવીએ:

yarn test

જે પછી પ્રોજેક્ટના રૂટમાં એક ફાઇલ બનાવવામાં આવશે test-report.xml.

ચાલો તેને રૂપરેખાંકનમાં વાપરીએ સોનાર'એ:

sonar-project.properties:

…
sonar.testExecutionReportPaths=test-report.xml
…

અને સ્કેનર પુનઃપ્રારંભ કરો:

yarn run sonar

ચાલો જોઈએ કે ઇન્ટરફેસમાં શું બદલાયું છે સોનાર'એ:

અને કંઈ બદલાયું નથી. હકીકત એ છે કે સોનાર જેસ્ટ રિપોર્ટમાં વર્ણવેલ ફાઈલોને ફાઈલો માનતા નથી એકમ-પરીક્ષણો. આ પરિસ્થિતિને સુધારવા માટે, અમે રૂપરેખાંકન પરિમાણનો ઉપયોગ કરીએ છીએ સોનાર સોનાર.પરીક્ષણો, જેમાં અમે પરીક્ષણો સાથે ફોલ્ડર્સને સ્પષ્ટપણે સૂચવીશું (અમારી પાસે હમણાં માટે માત્ર એક છે):

sonar-project.properties:

…
sonar.tests=src/components/__tests__
…

ચાલો સ્કેનર ફરી શરૂ કરીએ:

yarn run sonar

ચાલો જોઈએ કે ઈન્ટરફેસમાં શું બદલાયું છે:

હવે અમે અમારી સંખ્યા જોઈ છે એકમ-પરીક્ષણો અને, અંદર ક્લિક કરીને નિષ્ફળ થયા પછી, અમે પ્રોજેક્ટ ફાઇલો વચ્ચે આ નંબરનું વિતરણ જોઈ શકીએ છીએ:

નિષ્કર્ષ

તેથી, અમે સતત વિશ્લેષણ માટે એક સાધન તરફ જોયું સોનારક્યૂબ. અમે તેમાં લખેલા પ્રોજેક્ટને સફળતાપૂર્વક સંકલિત કર્યા VueJs+TS. કેટલાક સુસંગતતા મુદ્દાઓ સુધારેલ. અમે પરીક્ષણ કવરેજ સૂચકની માહિતી સામગ્રીમાં વધારો કર્યો છે. આ લેખમાં, અમે કોડ ગુણવત્તા માટેના માપદંડોમાંથી માત્ર એક માપદંડની તપાસ કરી છે (કદાચ મુખ્ય પૈકી એક), પરંતુ સોનારક્યૂબ સલામતી પરીક્ષણ સહિત અન્ય ગુણવત્તા માપદંડોને સમર્થન આપે છે. પરંતુ આ તમામ સુવિધાઓ સંપૂર્ણપણે ઉપલબ્ધ નથી સમુદાય- આવૃત્તિઓ. એક રસપ્રદ અને ઉપયોગી લક્ષણો એકીકરણ છે સોનારક્યૂબ વિવિધ કોડ રિપોઝીટરી મેનેજમેન્ટ સિસ્ટમ્સ સાથે, જેમ કે GitLab અને BitBucket. અટકાવવા મર્જ પુલ(મર્જ) વિનંતીજ્યારે કવરેજ ડિગ્રેજ થાય છે ત્યારે રીપોઝીટરીની મુખ્ય શાખા સુધી. પરંતુ આ એક સંપૂર્ણપણે અલગ લેખ માટેની વાર્તા છે.

PS: કોડના સ્વરૂપમાં લેખમાં વર્ણવેલ દરેક વસ્તુ ઉપલબ્ધ છે મારો કાંટો.

ફક્ત નોંધાયેલા વપરાશકર્તાઓ જ સર્વેમાં ભાગ લઈ શકે છે. સાઇન ઇન કરો, મહેરબાની કરીને.

શું તમે SonarQube પ્લેટફોર્મનો ઉપયોગ કરો છો:

• 26,3%હા 5

• 15,8%નંબર 3

• 15,8%મેં આ પ્લેટફોર્મ વિશે સાંભળ્યું છે અને 3 નો ઉપયોગ કરવા માંગુ છું

• 10,5%મેં આ પ્લેટફોર્મ વિશે સાંભળ્યું છે અને હું 2 નો ઉપયોગ કરવા માંગતો નથી

• 0,0%હું એક અલગ પ્લેટફોર્મ0 નો ઉપયોગ કરું છું

• 31,6%પ્રથમ વખત મેં તેણીના 6 વિશે સાંભળ્યું છે

19 વપરાશકર્તાઓએ મત ​​આપ્યો. 3 વપરાશકર્તાઓ દૂર રહ્યા.

સોર્સ: www.habr.com