ਅਸੀਂ ਆਪਣੇ ਕੰਮ ਵਿੱਚ ਪਲੇਟਫਾਰਮ ਦੀ ਸਰਗਰਮੀ ਨਾਲ ਵਰਤੋਂ ਕਰਦੇ ਹਾਂ ਸੋਨਾਰਕਯੂਬ ਇੱਕ ਉੱਚ ਪੱਧਰ 'ਤੇ ਕੋਡ ਗੁਣਵੱਤਾ ਬਣਾਈ ਰੱਖਣ ਲਈ. ਵਿੱਚ ਲਿਖੇ ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚੋਂ ਇੱਕ ਨੂੰ ਜੋੜਦੇ ਸਮੇਂ VueJs+Typescript, ਸਮੱਸਿਆਵਾਂ ਪੈਦਾ ਹੋਈਆਂ। ਇਸ ਲਈ, ਮੈਂ ਤੁਹਾਨੂੰ ਵਧੇਰੇ ਵਿਸਥਾਰ ਵਿੱਚ ਦੱਸਣਾ ਚਾਹਾਂਗਾ ਕਿ ਅਸੀਂ ਉਹਨਾਂ ਨੂੰ ਕਿਵੇਂ ਹੱਲ ਕੀਤਾ.

ਇਸ ਲੇਖ ਵਿਚ ਅਸੀਂ ਗੱਲ ਕਰਾਂਗੇ, ਜਿਵੇਂ ਕਿ ਮੈਂ ਉੱਪਰ ਲਿਖਿਆ ਹੈ, ਸੋਨਾਰਕਿਊਬ ਪਲੇਟਫਾਰਮ ਬਾਰੇ. ਇੱਕ ਛੋਟਾ ਜਿਹਾ ਸਿਧਾਂਤ - ਇਹ ਆਮ ਤੌਰ 'ਤੇ ਕੀ ਹੈ, ਉਨ੍ਹਾਂ ਲਈ ਜੋ ਇਸ ਬਾਰੇ ਪਹਿਲੀ ਵਾਰ ਸੁਣ ਰਹੇ ਹਨ:

ਸੋਨਾਰਕਯੂਬ (ਸਾਬਕਾ ਸੋਨਾਰ) ਨਿਰੰਤਰ ਨਿਰੀਖਣ ਅਤੇ ਕੋਡ ਗੁਣਵੱਤਾ ਮਾਪ ਲਈ ਇੱਕ ਓਪਨ ਸੋਰਸ ਪਲੇਟਫਾਰਮ ਹੈ।
MISRA C, MISRA C++, MITER/CWE ਅਤੇ CERT ਸੁਰੱਖਿਅਤ ਕੋਡਿੰਗ ਸਟੈਂਡਰਡ ਪ੍ਰੋਗਰਾਮਿੰਗ ਮਿਆਰਾਂ ਦੇ ਨਿਯਮਾਂ ਅਨੁਸਾਰ ਕੋਡ ਵਿਸ਼ਲੇਸ਼ਣ ਅਤੇ ਗਲਤੀ ਖੋਜ ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ। ਇਹ OWASP ਟੌਪ 10 ਅਤੇ CWE/SANS ਟੌਪ 25 ਪ੍ਰੋਗਰਾਮਿੰਗ ਤਰੁਟੀ ਸੂਚੀਆਂ ਵਿੱਚੋਂ ਤਰੁੱਟੀਆਂ ਨੂੰ ਵੀ ਪਛਾਣ ਸਕਦਾ ਹੈ।
ਇਸ ਤੱਥ ਦੇ ਬਾਵਜੂਦ ਕਿ ਪਲੇਟਫਾਰਮ ਵੱਖ-ਵੱਖ ਤਿਆਰ ਕੀਤੇ ਟੂਲਸ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ, ਸੋਨਾਰਕਿਊਬ ਨਤੀਜਿਆਂ ਨੂੰ ਇੱਕ ਸਿੰਗਲ ਡੈਸ਼ਬੋਰਡ ਤੱਕ ਘਟਾ ਦਿੰਦਾ ਹੈ, ਦੌੜਾਂ ਦਾ ਇਤਿਹਾਸ ਰੱਖਦਾ ਹੈ ਅਤੇ ਇਸ ਤਰ੍ਹਾਂ ਤੁਹਾਨੂੰ ਵਿਕਾਸ ਦੇ ਦੌਰਾਨ ਸਾਫਟਵੇਅਰ ਗੁਣਵੱਤਾ ਵਿੱਚ ਬਦਲਾਅ ਦੇ ਆਮ ਰੁਝਾਨ ਨੂੰ ਦੇਖਣ ਦੀ ਇਜਾਜ਼ਤ ਦਿੰਦਾ ਹੈ।

ਹੋਰ ਵੇਰਵੇ 'ਤੇ ਮਿਲ ਸਕਦੇ ਹਨ ਸਰਕਾਰੀ ਵੈਬਸਾਈਟ

ਵੱਡੀ ਗਿਣਤੀ ਵਿੱਚ ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਸਮਰਥਿਤ ਹਨ। ਉਪਰੋਕਤ ਲਿੰਕ ਤੋਂ ਜਾਣਕਾਰੀ ਦੇ ਆਧਾਰ 'ਤੇ, ਇਹ 25 ਤੋਂ ਵੱਧ ਭਾਸ਼ਾਵਾਂ ਹਨ। ਕਿਸੇ ਖਾਸ ਭਾਸ਼ਾ ਦਾ ਸਮਰਥਨ ਕਰਨ ਲਈ, ਤੁਹਾਨੂੰ ਉਚਿਤ ਪਲੱਗਇਨ ਸਥਾਪਤ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ। ਕਮਿਊਨਿਟੀ ਸੰਸਕਰਣ ਵਿੱਚ ਕੰਮ ਕਰਨ ਲਈ ਇੱਕ ਪਲੱਗਇਨ ਸ਼ਾਮਲ ਹੈ ਜਾਵਾਸਕਰਿਪਟ (typeсript ਸਮੇਤ), ਹਾਲਾਂਕਿ ਵਿਕੀ ਇਸ ਦੇ ਉਲਟ ਕਹਿੰਦਾ ਹੈ। ਪਿੱਛੇ ਜਾਵਾਸਕਰਿਪਟ ਪਲੱਗਇਨ ਜਵਾਬ SonarJS, ਟਾਈਪਸਕ੍ਰਿਪਟ ਲਈ SonarTS ਕ੍ਰਮਵਾਰ.

ਅਧਿਕਾਰਤ ਕਲਾਇੰਟ ਦੀ ਵਰਤੋਂ ਕਵਰੇਜ ਜਾਣਕਾਰੀ ਭੇਜਣ ਲਈ ਕੀਤੀ ਜਾਂਦੀ ਹੈ sonarqube-ਸਕੈਨਰ, ਜੋ ਕਿ, ਤੋਂ ਸੈਟਿੰਗਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਸੰਰਚਨਾ-ਫਾਇਲ, ਇਸ ਡੇਟਾ ਨੂੰ ਸਰਵਰ ਨੂੰ ਭੇਜਦੀ ਹੈ ਸੋਨਾਰਕਯੂਬ ਹੋਰ ਏਕੀਕਰਨ ਅਤੇ ਏਕੀਕਰਣ ਲਈ।

ਕਰਨ ਲਈ ਜਾਵਾਸਕਰਿਪਟ ਹੈ npm ਰੈਪਰ. ਇਸ ਲਈ, ਆਓ ਕਦਮ-ਦਰ-ਕਦਮ ਲਾਗੂ ਕਰਨਾ ਸ਼ੁਰੂ ਕਰੀਏ ਸੋਨਾਰਕਯੂਬ в ਵੀ- ਪ੍ਰੋਜੈਕਟ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਟਾਈਪਸਕ੍ਰਿਪਟ.

ਇੱਕ ਸਰਵਰ ਨੂੰ ਤੈਨਾਤ ਕਰਨ ਲਈ ਸੋਨਾਰਕਯੂਬ ਆਓ ਫਾਇਦਾ ਉਠਾਈਏ ਡੌਕਰ-ਕੰਪੋਜ਼.

sonar.yaml:

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+Jest. ਆਓ ਇਸਨੂੰ ਆਪਣੇ ਵੱਲ ਮੋੜੀਏ:

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

ਪਹਿਲਾਂ ਸਾਨੂੰ ਕਲਾਇੰਟ ਨੂੰ ਸਥਾਪਿਤ ਕਰਨ ਦੀ ਲੋੜ ਹੈ ਸੋਨਾਰਕਯੂਬ, ਜਿਸਨੂੰ ਕਿਹਾ ਜਾਂਦਾ ਹੈ sonar-ਸਕੈਨਰਲਈ 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.sources - ਸਰੋਤਾਂ ਵਾਲਾ ਫੋਲਡਰ, ਆਮ ਤੌਰ 'ਤੇ ਇਹ ਝਰੋਖੇ, ਪਰ ਕੁਝ ਵੀ ਹੋ ਸਕਦਾ ਹੈ। ਇਹ ਫੋਲਡਰ ਰੂਟ ਫੋਲਡਰ ਦੇ ਅਨੁਸਾਰੀ ਸੈੱਟ ਕੀਤਾ ਗਿਆ ਹੈ, ਜੋ ਕਿ ਉਹ ਫੋਲਡਰ ਹੈ ਜਿੱਥੋਂ ਸਕੈਨਰ ਲਾਂਚ ਕੀਤਾ ਗਿਆ ਹੈ;
• sonar.ਟੈਸਟ - ਇੱਕ ਪੈਰਾਮੀਟਰ ਜੋ ਪਿਛਲੇ ਇੱਕ ਦੇ ਨਾਲ ਮਿਲ ਕੇ ਜਾਂਦਾ ਹੈ। ਇਹ ਉਹ ਫੋਲਡਰ ਹੈ ਜਿੱਥੇ ਟੈਸਟ ਸਥਿਤ ਹਨ। ਇਸ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ, ਅਜਿਹਾ ਕੋਈ ਫੋਲਡਰ ਨਹੀਂ ਹੈ, ਅਤੇ ਟੈਸਟ ਫੋਲਡਰ ਵਿੱਚ ਟੈਸਟ ਕੀਤੇ ਜਾ ਰਹੇ ਕੰਪੋਨੈਂਟ ਦੇ ਅੱਗੇ ਸਥਿਤ ਹੈ।ਟੈਸਟ', ਇਸ ਲਈ ਅਸੀਂ ਇਸ ਨੂੰ ਫਿਲਹਾਲ ਨਜ਼ਰਅੰਦਾਜ਼ ਕਰਾਂਗੇ ਅਤੇ ਅਗਲੇ ਪੈਰਾਮੀਟਰ ਦੀ ਵਰਤੋਂ ਕਰਾਂਗੇ;
• sonar.test.inclusions - ਇੱਕ ਮਾਸਕ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ ਟੈਸਟਾਂ ਲਈ ਮਾਰਗ, ਕਾਮਿਆਂ ਦੁਆਰਾ ਵੱਖ ਕੀਤੇ ਕਈ ਤੱਤ ਸੂਚੀਬੱਧ ਹੋ ਸਕਦੇ ਹਨ;
• sonar.source ਐਨਕੋਡਿੰਗ - ਸਰੋਤ ਫਾਈਲਾਂ ਲਈ ਏਨਕੋਡਿੰਗ।

ਸਕੈਨਰ ਦੇ ਪਹਿਲੇ ਲਾਂਚ ਲਈ, ਸਭ ਕੁਝ ਤਿਆਰ ਹੈ, ਮੁੱਖ ਪਿਛਲੀ ਕਾਰਵਾਈ ਨੂੰ ਛੱਡ ਕੇ: ਟੈਸਟ ਇੰਜਣ ਨੂੰ ਖੁਦ ਲਾਂਚ ਕਰਨਾ, ਤਾਂ ਜੋ ਇਹ ਕਵਰੇਜ ਬਾਰੇ ਜਾਣਕਾਰੀ ਤਿਆਰ ਕਰ ਸਕੇ, ਜਿਸ ਨੂੰ ਸਕੈਨਰ ਬਾਅਦ ਵਿੱਚ ਵਰਤੇਗਾ।

ਪਰ ਅਜਿਹਾ ਕਰਨ ਲਈ, ਤੁਹਾਨੂੰ ਇਹ ਜਾਣਕਾਰੀ ਤਿਆਰ ਕਰਨ ਲਈ ਟੈਸਟ ਇੰਜਣ ਨੂੰ ਕੌਂਫਿਗਰ ਕਰਨ ਦੀ ਲੋੜ ਹੈ। ਇਸ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ, ਟੈਸਟ ਇੰਜਣ ਹੈ ਹੁੰਦਾ ਹੈ,. ਅਤੇ ਇਸ ਦੀਆਂ ਸੈਟਿੰਗਾਂ ਫਾਈਲ ਦੇ ਅਨੁਸਾਰੀ ਭਾਗ ਵਿੱਚ ਹਨ ਪੈਕੇਜ.ਜਸਨ.

ਆਓ ਇਹਨਾਂ ਸੈਟਿੰਗਾਂ ਨੂੰ ਜੋੜੀਏ:

"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 ਫਾਈਲਾਂ ਨੂੰ ਇਕੱਠਾ ਕਰਦਾ ਹੈ ਅਤੇ ਕੋਡ ਅਤੇ ਕਵਰੇਜ ਜਾਣਕਾਰੀ ਦੇ ਨਾਲ HTML ਪੰਨਿਆਂ ਦਾ ਇੱਕ ਸਮੂਹ ਤਿਆਰ ਕਰਦਾ ਹੈ। ਨੈਵੀਗੇਸ਼ਨ ਨੂੰ ਆਸਾਨ ਬਣਾਉਣ ਲਈ ਪੰਨੇ ਵੀ ਬਣਾਏ ਗਏ ਹਨ। Lcov ਸਤਰ, ਫੰਕਸ਼ਨਾਂ ਅਤੇ ਸ਼ਾਖਾਵਾਂ ਦੇ ਕਵਰੇਜ ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ।

ਟੈਸਟਾਂ ਦੇ ਮੁਕੰਮਲ ਹੋਣ ਤੋਂ ਬਾਅਦ, ਕਵਰੇਜ ਜਾਣਕਾਰੀ ਵਿੱਚ ਸਥਿਤ ਹੋਵੇਗੀ coverage/lcov.info.
ਸਾਨੂੰ ਕਹਿਣ ਦੀ ਲੋੜ ਹੈ ਸੋਨਾਰ'ਮੈਂ ਇਹ ਕਿੱਥੋਂ ਲੈ ਸਕਦਾ ਹਾਂ? ਇਸ ਲਈ, ਆਓ ਇਸਦੀ ਸੰਰਚਨਾ ਫਾਈਲ ਵਿੱਚ ਹੇਠ ਲਿਖੀਆਂ ਲਾਈਨਾਂ ਜੋੜੀਏ। ਪਰ ਇੱਕ ਬਿੰਦੂ ਹੈ: ਪ੍ਰੋਜੈਕਟ ਬਹੁ-ਭਾਸ਼ਾਈ ਹੋ ਸਕਦੇ ਹਨ, ਯਾਨੀ ਫੋਲਡਰ ਵਿੱਚ ਝਰੋਖੇ ਕਈ ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਲਈ ਸਰੋਤ ਕੋਡ ਹਨ ਅਤੇ ਇੱਕ ਜਾਂ ਦੂਜੀ ਨਾਲ ਮਾਨਤਾ ਪ੍ਰਾਪਤ ਹੈ, ਅਤੇ ਬਦਲੇ ਵਿੱਚ, ਇੱਕ ਜਾਂ ਦੂਜੇ ਪਲੱਗਇਨ ਦੀ ਵਰਤੋਂ ਇਸਦੇ ਐਕਸਟੈਂਸ਼ਨ ਦੁਆਰਾ ਨਿਰਧਾਰਤ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਅਤੇ ਕਵਰੇਜ ਜਾਣਕਾਰੀ ਨੂੰ ਵੱਖ-ਵੱਖ ਪ੍ਰੋਗਰਾਮਿੰਗ ਭਾਸ਼ਾਵਾਂ ਲਈ ਵੱਖ-ਵੱਖ ਥਾਵਾਂ 'ਤੇ ਸਟੋਰ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ, ਇਸਲਈ ਹਰੇਕ ਭਾਸ਼ਾ ਨੂੰ ਇਸ ਨੂੰ ਸਥਾਪਤ ਕਰਨ ਲਈ ਆਪਣਾ ਸੈਕਸ਼ਨ ਹੁੰਦਾ ਹੈ। ਸਾਡਾ ਪ੍ਰੋਜੈਕਟ ਵਰਤਦਾ ਹੈ ਟਾਈਪਸਕ੍ਰਿਪਟ, ਇਸ ਲਈ ਸਾਨੂੰ ਇਸਦੇ ਲਈ ਇੱਕ ਸੈਟਿੰਗ ਸੈਕਸ਼ਨ ਦੀ ਲੋੜ ਹੈ:

sonar-project.properties:

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

ਸਕੈਨਰ ਦੇ ਪਹਿਲੇ ਲਾਂਚ ਲਈ ਸਭ ਕੁਝ ਤਿਆਰ ਹੈ। ਮੈਂ ਨੋਟ ਕਰਨਾ ਚਾਹਾਂਗਾ ਕਿ ਪ੍ਰੋਜੈਕਟ ਹੈ ਸੋਨਾਰ'e ਆਪਣੇ ਆਪ ਬਣ ਜਾਂਦਾ ਹੈ ਜਦੋਂ ਤੁਸੀਂ ਪਹਿਲੀ ਵਾਰ ਕਿਸੇ ਦਿੱਤੇ ਪ੍ਰੋਜੈਕਟ ਲਈ ਸਕੈਨਰ ਚਲਾਉਂਦੇ ਹੋ। ਬਾਅਦ ਦੇ ਸਮੇਂ ਵਿੱਚ, ਸਮੇਂ ਦੇ ਨਾਲ ਪ੍ਰੋਜੈਕਟ ਪੈਰਾਮੀਟਰਾਂ ਵਿੱਚ ਤਬਦੀਲੀਆਂ ਦੀ ਗਤੀਸ਼ੀਲਤਾ ਨੂੰ ਵੇਖਣ ਲਈ ਜਾਣਕਾਰੀ ਇਕੱਠੀ ਕੀਤੀ ਜਾਵੇਗੀ।

ਇਸ ਲਈ, ਆਓ ਪਹਿਲਾਂ ਬਣਾਈ ਗਈ ਕਮਾਂਡ ਦੀ ਵਰਤੋਂ ਕਰੀਏ ਪੈਕੇਜ.ਜਸਨ:

yarn run sonar 

ਨੋਟ: ਤੁਸੀਂ ਪੈਰਾਮੀਟਰ ਦੀ ਵਰਤੋਂ ਵੀ ਕਰ ਸਕਦੇ ਹੋ -X ਵਧੇਰੇ ਵਿਸਤ੍ਰਿਤ ਲੌਗਿੰਗ ਲਈ।

ਜੇਕਰ ਸਕੈਨਰ ਪਹਿਲੀ ਵਾਰ ਲਾਂਚ ਕੀਤਾ ਗਿਆ ਸੀ, ਤਾਂ ਸਕੈਨਰ ਦੀ ਬਾਈਨਰੀ ਪਹਿਲਾਂ ਡਾਊਨਲੋਡ ਕੀਤੀ ਜਾਵੇਗੀ। ਇਸ ਤੋਂ ਬਾਅਦ ਇਹ ਚਾਲੂ ਹੁੰਦਾ ਹੈ ਅਤੇ ਸਰਵਰ ਨੂੰ ਸਕੈਨ ਕਰਨਾ ਸ਼ੁਰੂ ਕਰਦਾ ਹੈ ਸੋਨਾਰਇੰਸਟਾਲ ਕੀਤੇ ਪਲੱਗਇਨਾਂ ਲਈ, ਇਸ ਤਰ੍ਹਾਂ ਸਮਰਥਿਤ ਭਾਸ਼ਾ ਦੀ ਗਣਨਾ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਸਦੇ ਸੰਚਾਲਨ ਲਈ ਕਈ ਹੋਰ ਮਾਪਦੰਡ ਵੀ ਲੋਡ ਕੀਤੇ ਗਏ ਹਨ: ਗੁਣਵੱਤਾ ਪ੍ਰੋਫਾਈਲ, ਕਿਰਿਆਸ਼ੀਲ ਨਿਯਮ, ਮੈਟ੍ਰਿਕਸ ਰਿਪੋਜ਼ਟਰੀ, ਸਰਵਰ ਨਿਯਮ.

ਨੋਟ: ਅਸੀਂ ਇਸ ਲੇਖ ਦੇ ਢਾਂਚੇ ਦੇ ਅੰਦਰ ਉਹਨਾਂ 'ਤੇ ਵਿਸਤਾਰ ਨਾਲ ਨਹੀਂ ਵਿਚਾਰਾਂਗੇ, ਪਰ ਤੁਸੀਂ ਹਮੇਸ਼ਾ ਅਧਿਕਾਰਤ ਸਰੋਤਾਂ ਨਾਲ ਸੰਪਰਕ ਕਰ ਸਕਦੇ ਹੋ।

ਅੱਗੇ, ਫੋਲਡਰ ਵਿਸ਼ਲੇਸ਼ਣ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ ਝਰੋਖੇ ਸਭ ਲਈ ਸਰੋਤ ਫਾਈਲਾਂ ਦੀ ਉਪਲਬਧਤਾ ਲਈ (ਜੇਕਰ ਕੋਈ ਖਾਸ ਸਪਸ਼ਟ ਤੌਰ 'ਤੇ ਨਿਰਧਾਰਤ ਨਹੀਂ ਕੀਤਾ ਗਿਆ ਹੈ) ਸਮਰਥਿਤ ਭਾਸ਼ਾ, ਉਹਨਾਂ ਦੇ ਬਾਅਦ ਦੇ ਇੰਡੈਕਸਿੰਗ ਦੇ ਨਾਲ।

ਅੱਗੇ ਵੱਖ-ਵੱਖ ਹੋਰ ਵਿਸ਼ਲੇਸ਼ਣ ਆਉਂਦੇ ਹਨ, ਜਿਨ੍ਹਾਂ 'ਤੇ ਅਸੀਂ ਇਸ ਲੇਖ ਵਿਚ ਧਿਆਨ ਨਹੀਂ ਦਿੰਦੇ ਹਾਂ (ਉਦਾਹਰਨ ਲਈ, ਲਿਨਟਿੰਗ, ਕੋਡ ਡੁਪਲੀਕੇਸ਼ਨ ਦਾ ਪਤਾ ਲਗਾਉਣਾ, ਆਦਿ)।

ਸਕੈਨਰ ਦੇ ਕੰਮ ਦੇ ਬਿਲਕੁਲ ਅੰਤ 'ਤੇ, ਸਾਰੀ ਇਕੱਤਰ ਕੀਤੀ ਜਾਣਕਾਰੀ ਨੂੰ ਇਕੱਠਾ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਪੁਰਾਲੇਖਬੱਧ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਅਤੇ ਸਰਵਰ ਨੂੰ ਭੇਜਿਆ ਜਾਂਦਾ ਹੈ।

ਇਸ ਤੋਂ ਬਾਅਦ, ਅਸੀਂ ਪਹਿਲਾਂ ਹੀ ਦੇਖ ਸਕਦੇ ਹਾਂ ਕਿ ਵੈਬ ਇੰਟਰਫੇਸ ਵਿੱਚ ਕੀ ਹੋਇਆ ਹੈ:

ਜਿਵੇਂ ਕਿ ਅਸੀਂ ਦੇਖ ਸਕਦੇ ਹਾਂ, ਕੁਝ ਕੰਮ ਕੀਤਾ, ਅਤੇ ਕਿਸੇ ਕਿਸਮ ਦੀ ਕਵਰੇਜ ਵੀ ਦਿਖਾਉਂਦਾ ਹੈ, ਪਰ ਇਹ ਸਾਡੇ ਨਾਲ ਮੇਲ ਨਹੀਂ ਖਾਂਦਾ ਹੁੰਦਾ ਹੈ,-ਰਿਪੋਰਟ.

ਆਓ ਇਸ ਨੂੰ ਬਾਹਰ ਕੱਢੀਏ। ਆਉ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਹੋਰ ਵਿਸਤਾਰ ਵਿੱਚ ਵੇਖੀਏ, ਕਵਰੇਜ ਮੁੱਲ 'ਤੇ ਕਲਿੱਕ ਕਰੋ, ਅਤੇ ਇੱਕ ਵਿਸਤ੍ਰਿਤ ਫਾਈਲ ਰਿਪੋਰਟ ਵਿੱਚ "ਫਾਲ ਟੂ" ਕਰੋ:

ਇੱਥੇ ਅਸੀਂ ਮੁੱਖ, ਜਾਂਚ ਕੀਤੀ ਫਾਈਲ ਤੋਂ ਇਲਾਵਾ ਦੇਖਦੇ ਹਾਂ HelloWorld.vue, ਇੱਕ ਫਾਈਲ ਵੀ ਹੈ main.ts, ਜੋ ਕਵਰੇਜ ਦੀ ਪੂਰੀ ਤਸਵੀਰ ਨੂੰ ਵਿਗਾੜਦਾ ਹੈ। ਪਰ ਅਸੀਂ ਇਸ ਨੂੰ ਕਵਰੇਜ ਦੀ ਗਣਨਾ ਤੋਂ ਕਿਵੇਂ ਬਾਹਰ ਰੱਖਿਆ. ਹਾਂ, ਸਭ ਕੁਝ ਸਹੀ ਹੈ, ਪਰ ਇਹ ਪੱਧਰ 'ਤੇ ਸੀ ਹੁੰਦਾ ਹੈ,, ਪਰ ਸਕੈਨਰ ਨੇ ਇਸਨੂੰ ਇੰਡੈਕਸ ਕੀਤਾ, ਇਸਲਈ ਇਹ ਇਸਦੀ ਗਣਨਾ ਵਿੱਚ ਖਤਮ ਹੋ ਗਿਆ।

ਆਓ ਇਸਨੂੰ ਠੀਕ ਕਰੀਏ:

sonar-project.properties:

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

ਮੈਂ ਇੱਕ ਸਪਸ਼ਟੀਕਰਨ ਦੇਣਾ ਚਾਹਾਂਗਾ: ਇਸ ਪੈਰਾਮੀਟਰ ਵਿੱਚ ਦਰਸਾਏ ਗਏ ਫੋਲਡਰਾਂ ਤੋਂ ਇਲਾਵਾ, ਪੈਰਾਮੀਟਰ ਵਿੱਚ ਸੂਚੀਬੱਧ ਸਾਰੇ ਫੋਲਡਰਾਂ ਨੂੰ ਵੀ ਜੋੜਿਆ ਗਿਆ ਹੈ sonar.test.inclusions.

ਸਕੈਨਰ ਲਾਂਚ ਕਰਨ ਤੋਂ ਬਾਅਦ, ਅਸੀਂ ਸਹੀ ਜਾਣਕਾਰੀ ਦੇਖਦੇ ਹਾਂ:

ਆਓ ਅਗਲਾ ਨੁਕਤਾ ਵੇਖੀਏ - ਗੁਣਵੱਤਾ ਪ੍ਰੋਫਾਈਲ. ਮੈਂ ਸਮਰਥਨ ਬਾਰੇ ਉੱਪਰ ਗੱਲ ਕੀਤੀ ਹੈ ਸੋਨਾਰ'ਓਮ ਇੱਕੋ ਸਮੇਂ ਕਈ ਭਾਸ਼ਾਵਾਂ। ਇਹ ਬਿਲਕੁਲ ਉਹੀ ਹੈ ਜੋ ਅਸੀਂ ਦੇਖ ਰਹੇ ਹਾਂ। ਪਰ ਅਸੀਂ ਜਾਣਦੇ ਹਾਂ ਕਿ ਸਾਡੇ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਲਿਖਿਆ ਗਿਆ ਹੈ TS, ਤਾਂ ਕਿਉਂ ਬੇਲੋੜੀ ਹੇਰਾਫੇਰੀ ਅਤੇ ਜਾਂਚਾਂ ਨਾਲ ਸਕੈਨਰ ਨੂੰ ਦਬਾਓ। ਅਸੀਂ ਕੌਂਫਿਗਰੇਸ਼ਨ ਫਾਈਲ ਵਿੱਚ ਇੱਕ ਹੋਰ ਪੈਰਾਮੀਟਰ ਜੋੜ ਕੇ ਵਿਸ਼ਲੇਸ਼ਣ ਲਈ ਭਾਸ਼ਾ ਸੈਟ ਕਰਾਂਗੇ ਸੋਨਾਰ'ਏ:

sonar-project.properties:

...
sonar.language=ts
...

ਚਲੋ ਸਕੈਨਰ ਨੂੰ ਦੁਬਾਰਾ ਚਲਾਉਂਦੇ ਹਾਂ ਅਤੇ ਨਤੀਜਾ ਦੇਖਦੇ ਹਾਂ:

ਕਵਰੇਜ ਪੂਰੀ ਤਰ੍ਹਾਂ ਖਤਮ ਹੋ ਗਈ ਸੀ।

ਜੇਕਰ ਅਸੀਂ ਸਕੈਨਰ ਲੌਗ ਨੂੰ ਵੇਖਦੇ ਹਾਂ, ਤਾਂ ਅਸੀਂ ਹੇਠਾਂ ਦਿੱਤੀ ਲਾਈਨ ਦੇਖ ਸਕਦੇ ਹਾਂ:

ਭਾਵ, ਸਾਡੀਆਂ ਪ੍ਰੋਜੈਕਟ ਫਾਈਲਾਂ ਨੂੰ ਸਿਰਫ਼ ਇੰਡੈਕਸ ਨਹੀਂ ਕੀਤਾ ਗਿਆ ਸੀ।

ਸਥਿਤੀ ਹੇਠ ਲਿਖੇ ਅਨੁਸਾਰ ਹੈ: ਅਧਿਕਾਰਤ ਤੌਰ 'ਤੇ ਸਹਿਯੋਗੀ VueJs ਪਲੱਗਇਨ ਵਿੱਚ ਹੈ SonarJSਜੋ ਲਈ ਜ਼ਿੰਮੇਵਾਰ ਹੈ ਜਾਵਾਸਕਰਿਪਟ.

ਪਰ ਇਹ ਸਮਰਥਨ ਪਲੱਗਇਨ ਵਿੱਚ ਨਹੀਂ ਹੈ SonarTS ਨੂੰ TS, ਜਿਸ ਬਾਰੇ ਬੱਗ ਟਰੈਕਰ ਵਿੱਚ ਇੱਕ ਅਧਿਕਾਰਤ ਟਿਕਟ ਖੋਲ੍ਹਿਆ ਗਿਆ ਸੀ ਸੋਨਾਰ'ਏ:

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

ਇਸ ਤੱਥ ਦੀ ਪੁਸ਼ਟੀ ਕਰਦੇ ਹੋਏ, SonarQube ਡਿਵੈਲਪਰਾਂ ਦੇ ਪ੍ਰਤੀਨਿਧਾਂ ਵਿੱਚੋਂ ਇੱਕ ਦੇ ਕੁਝ ਜਵਾਬ ਇੱਥੇ ਹਨ।

ਪਰ ਹਰ ਚੀਜ਼ ਸਾਡੇ ਲਈ ਕੰਮ ਕਰਦੀ ਹੈ, ਤੁਸੀਂ ਇਤਰਾਜ਼ ਕਰਦੇ ਹੋ. ਹਾਂ ਇਹ ਹੈ, ਆਓ ਇਸ ਨੂੰ ਥੋੜਾ ਜਿਹਾ ਕੋਸ਼ਿਸ਼ ਕਰੀਏ "ਹੈਕ".
ਜੇ ਸਹਾਰਾ ਹੈ .vue-ਫਾਇਲਾਂ ਸੋਨਾਰ'ਓ, ਫਿਰ ਆਓ ਉਸ ਨੂੰ ਇਹ ਦੱਸਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੀਏ ਕਿ ਉਹ ਉਨ੍ਹਾਂ ਨੂੰ ਸਮਝੇ ਟਾਈਪਸਕ੍ਰਿਪਟ.

ਆਓ ਇੱਕ ਪੈਰਾਮੀਟਰ ਜੋੜੀਏ:

sonar-project.properties:

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

ਆਉ ਸਕੈਨਰ ਲਾਂਚ ਕਰੀਏ:

ਅਤੇ, ਵੋਇਲਾ, ਸਭ ਕੁਝ ਆਮ ਵਾਂਗ ਹੈ, ਅਤੇ ਸਿਰਫ ਇੱਕ ਪ੍ਰੋਫਾਈਲ ਦੇ ਨਾਲ ਟਾਈਪਸਕ੍ਰਿਪਟ. ਭਾਵ, ਅਸੀਂ ਸਮਰਥਨ ਵਿੱਚ ਸਮੱਸਿਆ ਨੂੰ ਹੱਲ ਕਰਨ ਵਿੱਚ ਕਾਮਯਾਬ ਹੋਏ VueJs+TS ਨੂੰ ਸੋਨਾਰਕਯੂਬ.

ਆਓ ਅੱਗੇ ਜਾਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੀਏ ਅਤੇ ਕਵਰੇਜ ਜਾਣਕਾਰੀ ਨੂੰ ਥੋੜਾ ਜਿਹਾ ਸੁਧਾਰੀਏ।

ਅਸੀਂ ਹੁਣ ਤੱਕ ਕੀ ਕੀਤਾ ਹੈ:

• ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਸ਼ਾਮਲ ਕੀਤਾ ਗਿਆ ਸੋਨਾਰ- ਸਕੈਨਰ;
• ਸਥਾਪਨਾ ਕਰਨਾ ਹੁੰਦਾ ਹੈ, ਕਵਰੇਜ ਜਾਣਕਾਰੀ ਬਣਾਉਣ ਲਈ;
• ਸੰਰਚਿਤ ਸੋਨਾਰ- ਸਕੈਨਰ;
• ਸਹਾਇਤਾ ਸਮੱਸਿਆ ਨੂੰ ਹੱਲ ਕੀਤਾ .vue-ਫਾਇਲਾਂ + ਟਾਈਪਸਕ੍ਰਿਪਟ.

ਟੈਸਟ ਕਵਰੇਜ ਤੋਂ ਇਲਾਵਾ, ਕੋਡ ਗੁਣਵੱਤਾ ਲਈ ਹੋਰ ਦਿਲਚਸਪ ਉਪਯੋਗੀ ਮਾਪਦੰਡ ਹਨ, ਉਦਾਹਰਨ ਲਈ, ਕੋਡ ਡੁਪਲੀਕੇਸ਼ਨ ਅਤੇ ਲਾਈਨਾਂ ਦੀ ਸੰਖਿਆ (ਕੋਡ ਦੀ ਗੁੰਝਲਤਾ ਨਾਲ ਸਬੰਧਤ ਗੁਣਾਂ ਦੀ ਗਣਨਾ ਵਿੱਚ ਸ਼ਾਮਲ) ਪ੍ਰੋਜੈਕਟ ਦੀ।

ਨਾਲ ਕੰਮ ਕਰਨ ਲਈ ਪਲੱਗਇਨ ਦੇ ਮੌਜੂਦਾ ਅਮਲ ਵਿੱਚ TS (SonarTS) ਕੰਮ ਨਹੀਂ ਕਰੇਗਾ CPD (ਕਾਪੀ ਪੇਸਟ ਡਿਟੈਕਟਰ) ਅਤੇ ਕੋਡ ਦੀਆਂ ਲਾਈਨਾਂ ਦੀ ਗਿਣਤੀ .vue-ਫਾਇਲਾਂ।

ਕੋਡ ਡੁਪਲੀਕੇਸ਼ਨ ਦੀ ਸਿੰਥੈਟਿਕ ਸਥਿਤੀ ਬਣਾਉਣ ਲਈ, ਕੰਪੋਨੈਂਟ ਫਾਈਲ ਨੂੰ ਵੱਖਰੇ ਨਾਮ ਨਾਲ ਡੁਪਲੀਕੇਟ ਕਰੋ ਅਤੇ ਇਸਨੂੰ ਕੋਡ ਵਿੱਚ ਜੋੜੋ main.ts ਇੱਕ ਡਮੀ ਫੰਕਸ਼ਨ ਅਤੇ ਇਸਨੂੰ ਇੱਕ ਵੱਖਰੇ ਨਾਮ ਨਾਲ ਡੁਪਲੀਕੇਟ ਕਰੋ। ਜਿਵੇਂ ਕਿ ਡੁਪਲੀਕੇਸ਼ਨ ਦੀ ਜਾਂਚ ਕਰਨ ਲਈ .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). ਮੈਂ ਇਹ ਨੋਟ ਕਰਨਾ ਚਾਹਾਂਗਾ ਕਿ ਉਹ ਹੌਲੀ ਹੌਲੀ ਇਹਨਾਂ ਦੋ ਪਲੱਗਇਨਾਂ ਨੂੰ ਇੱਕ ਵਿੱਚ ਮਿਲਾਉਣਾ ਸ਼ੁਰੂ ਕਰ ਰਹੇ ਹਨ SonarJS, ਜੋ ਮੈਨੂੰ ਸਹੀ ਲੱਗਦਾ ਹੈ।

ਹੁਣ ਮੈਂ ਕਵਰੇਜ ਜਾਣਕਾਰੀ ਨੂੰ ਬਿਹਤਰ ਬਣਾਉਣ ਦੇ ਵਿਕਲਪ 'ਤੇ ਵਿਚਾਰ ਕਰਨਾ ਚਾਹੁੰਦਾ ਸੀ।

ਹੁਣ ਤੱਕ ਅਸੀਂ ਪੂਰੇ ਪ੍ਰੋਜੈਕਟ ਲਈ, ਅਤੇ ਖਾਸ ਤੌਰ 'ਤੇ ਫਾਈਲਾਂ ਲਈ ਪ੍ਰਤੀਸ਼ਤ ਦੇ ਰੂਪ ਵਿੱਚ ਟੈਸਟ ਕਵਰੇਜ ਦੇਖ ਸਕਦੇ ਹਾਂ। ਪਰ ਮਾਤਰਾ ਬਾਰੇ ਜਾਣਕਾਰੀ ਦੇ ਨਾਲ ਇਸ ਸੂਚਕ ਦਾ ਵਿਸਤਾਰ ਕਰਨਾ ਸੰਭਵ ਹੈ ਯੂਨਿਟ- ਪ੍ਰੋਜੈਕਟ ਲਈ ਟੈਸਟ, ਨਾਲ ਹੀ ਫਾਈਲਾਂ ਦੇ ਸੰਦਰਭ ਵਿੱਚ.

ਇੱਕ ਲਾਇਬ੍ਰੇਰੀ ਹੈ ਜੋ ਕਰ ਸਕਦਾ ਹੈ ਹੁੰਦਾ ਹੈ,- ਰਿਪੋਰਟ ਨੂੰ ਫਾਰਮੈਟ ਵਿੱਚ ਬਦਲੋ ਸੋਨਾਰ'ਏ:
ਆਮ ਟੈਸਟ ਡਾਟਾ - 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.ਟੈਸਟ, ਜਿਸ ਵਿੱਚ ਅਸੀਂ ਟੈਸਟਾਂ ਵਾਲੇ ਫੋਲਡਰਾਂ ਨੂੰ ਸਪਸ਼ਟ ਤੌਰ 'ਤੇ ਦਰਸਾਵਾਂਗੇ (ਸਾਡੇ ਕੋਲ ਹੁਣੇ ਲਈ ਸਿਰਫ ਇੱਕ ਹੈ):

sonar-project.properties:

…
sonar.tests=src/components/__tests__
…

ਆਉ ਸਕੈਨਰ ਨੂੰ ਮੁੜ ਚਾਲੂ ਕਰੀਏ:

yarn run sonar

ਆਓ ਦੇਖੀਏ ਕਿ ਇੰਟਰਫੇਸ ਵਿੱਚ ਕੀ ਬਦਲਿਆ ਹੈ:

ਹੁਣ ਅਸੀਂ ਆਪਣੀ ਗਿਣਤੀ ਦੇਖੀ ਹੈ ਯੂਨਿਟ-ਟੈਸਟ ਅਤੇ, ਅੰਦਰ ਕਲਿੱਕ ਕਰਕੇ ਅਸਫਲ ਹੋਣ ਤੋਂ ਬਾਅਦ, ਅਸੀਂ ਪ੍ਰੋਜੈਕਟ ਫਾਈਲਾਂ ਵਿੱਚ ਇਸ ਨੰਬਰ ਦੀ ਵੰਡ ਦੇਖ ਸਕਦੇ ਹਾਂ:

ਸਿੱਟਾ

ਇਸ ਲਈ, ਅਸੀਂ ਨਿਰੰਤਰ ਵਿਸ਼ਲੇਸ਼ਣ ਲਈ ਇੱਕ ਸਾਧਨ ਨੂੰ ਦੇਖਿਆ ਸੋਨਾਰਕਯੂਬ. ਅਸੀਂ ਇਸ ਵਿੱਚ ਲਿਖਿਆ ਇੱਕ ਪ੍ਰੋਜੈਕਟ ਸਫਲਤਾਪੂਰਵਕ ਏਕੀਕ੍ਰਿਤ ਕੀਤਾ VueJs+TS. ਕੁਝ ਅਨੁਕੂਲਤਾ ਮੁੱਦਿਆਂ ਨੂੰ ਹੱਲ ਕੀਤਾ ਗਿਆ। ਅਸੀਂ ਟੈਸਟ ਕਵਰੇਜ ਸੂਚਕ ਦੀ ਜਾਣਕਾਰੀ ਸਮੱਗਰੀ ਨੂੰ ਵਧਾਇਆ ਹੈ। ਇਸ ਲੇਖ ਵਿੱਚ, ਅਸੀਂ ਕੋਡ ਗੁਣਵੱਤਾ ਲਈ ਸਿਰਫ਼ ਇੱਕ ਮਾਪਦੰਡ (ਸ਼ਾਇਦ ਮੁੱਖ ਵਿੱਚੋਂ ਇੱਕ) ਦੀ ਜਾਂਚ ਕੀਤੀ ਹੈ, ਪਰ ਸੋਨਾਰਕਯੂਬ ਸੁਰੱਖਿਆ ਜਾਂਚ ਸਮੇਤ ਹੋਰ ਗੁਣਵੱਤਾ ਮਾਪਦੰਡਾਂ ਦਾ ਸਮਰਥਨ ਕਰਦਾ ਹੈ। ਪਰ ਇਹ ਸਾਰੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਪੂਰੀ ਤਰ੍ਹਾਂ ਉਪਲਬਧ ਨਹੀਂ ਹਨ ਭਾਈਚਾਰੇ-ਵਰਜਨ. ਦਿਲਚਸਪ ਅਤੇ ਉਪਯੋਗੀ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਵਿੱਚੋਂ ਇੱਕ ਏਕੀਕਰਣ ਹੈ ਸੋਨਾਰਕਯੂਬ ਵੱਖ-ਵੱਖ ਕੋਡ ਰਿਪੋਜ਼ਟਰੀ ਪ੍ਰਬੰਧਨ ਪ੍ਰਣਾਲੀਆਂ ਦੇ ਨਾਲ, ਜਿਵੇਂ ਕਿ GitLab ਅਤੇ BitBucket। ਰੋਕਣ ਲਈ ਅਭੇਦ ਖਿੱਚ (ਮਿਲਣ) ਦੀ ਬੇਨਤੀ'a ਰਿਪੋਜ਼ਟਰੀ ਦੀ ਮੁੱਖ ਸ਼ਾਖਾ ਨੂੰ ਜਦੋਂ ਕਵਰੇਜ ਘਟ ਜਾਂਦੀ ਹੈ। ਪਰ ਇਹ ਇੱਕ ਬਿਲਕੁਲ ਵੱਖਰੇ ਲੇਖ ਲਈ ਇੱਕ ਕਹਾਣੀ ਹੈ.

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