Spec is short for &quot;Specification&quot; as @DavinTryon suggested above.

Specification in terms of a test refer to the technical details of a given feature or application which must be fulfilled. The best way to think of this is as the technical specifications for a given unit of code to pass successfully. https://en.wikipedia.org/wiki/Unit_testing

How can I delete a commit that I made on `GitLab`? This commit that I made is not the HEAD now. 

If I can&#39;t delete it, can I edit? 

When it was the HEAD, I tried:

    git reset  --soft HEAD
    
    git reset  --soft HEAD^1
    
    git revert HEAD
    
    git rebase -i HEAD
    
    git rebase -i HEAD~1
    
    git reset --hard HEAD
    
    git reset --hard Id-Code

I already tried to rebase it, but it still stays on the branch. Now I just removed it from the HEAD, but it is still there.

There is another command?


Delete commit on gitlab

I&#39;ve put Visual Studio Code on [OneDrive][1], for the purpose of syncing it with its settings across my devices.

However, extensions are stored in `%USERPROFILE%\.vscode\extensions` on Windows. 

Is it possible to change this folder&#39;s location so I can put it in the main Visual Studio Code folder?

At first I thought that copying the extensions in the `resources\app\extensions` of Visual Studio Code folder will be a nice workaround, but that doesn&#39;t work.

I&#39;ve also searched for a solution on the [documentation page][2] and in the user settings, with no results.

  [1]: https://en.wikipedia.org/wiki/OneDrive
  [2]: https://code.visualstudio.com/Docs/extensions/install-extension


Is there a way to change the extensions folder location for Visual Studio Code?

I&#39;m fairly new to the Javascript world (coming from Android) so I&#39;ve been reading up on how to setup Mocha/Jasmine to get my test environment in place.  I&#39;ve noticed a convention of &quot;spec&quot; in reference to test directories, file suffix, suite names, and/or tests/assertions.  

Is this specific to testing in Javascript?  And what does &quot;spec&quot; actually stand for?  Specification, Expectation, or ?

What does &quot;spec&quot; mean in Javascript Testing

<p>I'm fairly new to the Javascript world (coming from Android) so I've been reading up on how to setup Mocha/Jasmine to get my test environment in place.  I've noticed a convention of "spec" in reference to test directories, file suffix, suite names, and/or tests/assertions.</p>
<p>Is this specific to testing in Javascript?  And what does "spec" actually stand for?  Specification, Expectation, or ?</p>


Ok, I&#39;m almost giving up on this, but how can I disable the caching from Nginx for JavaScript files? I&#39;m using a docker container with Nginx. When I now change something in the JavaScript file, I need multiple reloads until the new file is there.

How do I know it&#39;s Nginx and not the browser/docker?

Browser: I used `curl` on the command line to simulate the request and had the same issues. Also, I&#39;m using a `CacheKiller` plugin and have cache disabled in Chrome Dev Tools.

Docker: When I connect to the container&#39;s bash, and use `cat` after changing the file, I get the correct result immediately.

I changed my `nginx.conf` for the `sites-enabled` to this (which I found in another stackoverflow thread)


    location ~* ^.+\.(jpg|jpeg|gif|png|ico|css|zip|tgz|gz|rar|bz2|pdf|txt|tar|wav|bmp|rtf|js|flv|swf|xml|html|htm)$ {
        # clear all access_log directives for the current level
        access_log off;
        add_header Cache-Control no-cache;
        # set the Expires header to 31 December 2037 23:59:59 GMT, and the Cache-Control max-age to 10 years
        expires 1s;
    }

However, after rebuilding the containers (and making sure it&#39;s in the container with `cat`), it still didn&#39;t work. This here is the complete `.conf`

    server {
        server_name app;
        root /var/www/app/web;
    
        # Redirect to blog
        location ~* ^/blog {
            proxy_set_header Accept-Encoding &quot;&quot;;
            sub_filter &#39;https://testproject.wordpress.com/&#39; &#39;/blog/&#39;;
            sub_filter_once off;
            rewrite ^/blog/(.*) /$1 break;
            rewrite ^/blog / break;
            proxy_pass     https://testproject.wordpress.com;
        }
    
        # Serve index.html only for exact root URL
        location / {
            try_files $uri /app_dev.php$is_args$args;
        }
    
        location ~ ^/(app|app_dev|config)\.php(/|$) {
            fastcgi_pass php-upstream;
            fastcgi_split_path_info ^(.+\.php)(/.*)$;
            include fastcgi_params;
            fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
            fastcgi_param HTTPS off;
            # Prevents URIs that include the front controller. This will 404:
            # http://domain.tld/app_dev.php/some-path
            # Remove the internal directive to allow URIs like this
            internal;
        }
    
        location ~* ^.+\.(jpg|jpeg|gif|png|ico|css|zip|tgz|gz|rar|bz2|pdf|txt|tar|wav|bmp|rtf|js|flv|swf|xml|html|htm)$ {
            # clear all access_log directives for the current level
            access_log off;
            add_header Cache-Control no-cache;
            # set the Expires header to 31 December 2037 23:59:59 GMT, and the Cache-Control max-age to 10 years
            expires 1s;
        }
    
    
        error_log /var/log/nginx/app_error.log;
        access_log /var/log/nginx/app_access.log;
    }





Disable nginx cache for JavaScript files

I know it&#39;s simple, but I don&#39;t get it.

I have this code:

    // My object
    const nieto = {
      label: &quot;Title&quot;,
      value: &quot;Ramones&quot; 
    }

    let nietos = [];
    nietos.push(nieto.label);
    nietos.push(nieto.value);

If I do this I&#39;ll get a simple array: 

    [&quot;Title&quot;, &quot;Ramones&quot;]

I need to create the following:

    [{&quot;01&quot;:&quot;Title&quot;, &quot;02&quot;: &quot;Ramones&quot;}]

How can I use `push()` to add the objects into the `nietos` array? 



push object into array

I want to concatenate Vue.js variable with image URL.

What I computed:

    imgPreUrl : function() {
        if (androidBuild) return &quot;android_asset/www/&quot;;
        else return &quot;&quot;;
    }

If I build for android:

    &lt;img src=&quot;/android_asset/www/img/logo.png&quot;&gt;

Else

    &lt;img src=&quot;img/logo.png&quot;&gt;

How can I concatenate the computed variable with the URL?

I tried it:

    &lt;img src=&quot;{{imgPreUrl}}img/logo.png&quot;&gt;


Vue.js img src concatenate variable and text

I understand how (and [why][1]) to add a whitespace in JSX, but I am wondering what&#39;s best practice or if any makes any real difference?

**Wrap both elements in a span**
    
    &lt;div className=&quot;top-element-formatting&quot;&gt;
      &lt;span&gt;Hello &lt;/span&gt;
      &lt;span className=&quot;second-word-formatting&quot;&gt;World!&lt;/span&gt;
    &lt;/div&gt;

**Add them on one line**

      &lt;div className=&quot;top-element-formatting&quot;&gt;
        Hello &lt;span className=&quot;second-word-formatting&quot;&gt;World!&lt;/span&gt;
      &lt;/div&gt;

**Add space with JS**

    &lt;div className=&quot;top-element-formatting&quot;&gt;
        Hello {&quot; &quot;}
        &lt;span className=&quot;second-word-formatting&quot;&gt;World!&lt;/span&gt;
    &lt;/div&gt;

  [1]: https://stackoverflow.com/questions/32686728/how-to-avoid-jsx-component-from-condensing-when-react-js-rendering-it

Best practice when adding whitespace in JSX

I am trying to add lint-fix in my package.json.
My basic lint is `&quot;lint&quot;: &quot;eslint --ext .js,.vue src test/unit/specs test/e2e/specs&quot;`

I did try `&quot;lint-fix&quot;: &quot;eslint --fix --ext .js,.vue src test/unit/specs test/e2e/specs&quot;` but it is throwing my errors but not fixing them.

What do I have to change?

The error from NPM is:

    217 problems (217 errors, 0 warnings)
    npm ERR! Windows_NT 10.0.14393
    npm ERR! argv &quot;C:\\Program Files\\nodejs\\node.exe&quot; &quot;C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js&quot; &quot;run-script&quot; &quot;lint-fix&quot;
    npm ERR! node v5.10.1
    npm ERR! npm v3.8.3
    npm ERR! code ELIFECYCLE
    npm ERR! quasar-app@0.0.1 lint-fix: eslint --fix --ext .js,.vue src
    npm ERR! Exit status 1
    npm ERR! but it is caused by exit code 1 which is result of finding errors.


How to run eslint --fix from npm script

I have a code and I need to pass the arguments like name from terminal.
Here is my code and how to pass the arguments. I am getting a &quot;File not found&quot; kind error that I don&#39;t understand.

I have tried the command in the terminal: `pytest &lt;filename&gt;.py -almonds`
I should get the name printed as &quot;almonds&quot; 

    @pytest.mark.parametrize(&quot;name&quot;)
    def print_name(name):
	    print (&quot;Displaying name: %s&quot; % name)

How to pass arguments in pytest by command line

(Gradle 3.2.1) I run some java tests, which logs output in Stderr/Stdout. I can see that output, if I start

    gradle test --info

but in that case, much of unwanted output from 3-rd party libraries is there too.

[Documentation][1] suggests using ```logging.caputureStandardError / logging.caputureStandardError (loglevel)```, but it doesn&#39;t seem to have any effect.

    tasks.withType(Test) {
       logging.captureStandardOutput LogLevel.QUIET
       logging.captureStandardError LogLevel.QUIET
    }

Then if running ```gradle test```, not STDERR/STDOUT is output in console.

How can I get just the output from the tests classes in console?


  [1]: https://docs.gradle.org/current/userguide/logging.html#sec:external_tools

Gradle: How to get output from test STDERR/STDOUT into console?

I have a close function in my component that contains a `setTimeout()` in order to give time for the animation to complete.


    public close() {
        this.animate = &quot;inactive&quot;
        setTimeout(() =&gt; {
           this.show = false
        }, 250)
    }

`this.show` is bound to an `ngIf`.

`this.animate` is bound to an animation.

I have a test that needs to test this function

    it(&quot;tests the exit button click&quot;, () =&gt; {
      comp.close()
      fixture.detectChanges()
      //verifies the element is no longer in the DOM
      const popUpWindow = fixture.debugElement.query(By.css(&quot;#popup-window&quot;))
      expect(popUpWindow).toEqual(null)
    })

How do you properly test this function when there is a `setTimeout()`?

I was using `jasmine.clock().tick(251)` but the window would never disappear. any thoughts on this as well?



Test a function that contains a setTimeout()

I&#39;m trying to find a solution to write test and mock HTTP response.
In my function where I accept interface:

    type HttpClient interface {
    	Do(req *http.Request) (*http.Response, error)
    }
I makes http get request with base auth

    func GetOverview(client HttpClient, overview *Overview) (*Overview, error) {
    
    	request, err := http.NewRequest(&quot;GET&quot;, fmt.Sprintf(&quot;%s:%s/api/overview&quot;, overview.Config.Url, overview.Config.Port), nil)
    	if (err != nil) {
    		log.Println(err)
    	}
    	request.SetBasicAuth(overview.Config.User, overview.Config.Password)
    	resp, err := client.Do(request)

How can I mock this HttpClient?
I&#39;m looking for mock library, for instance: https://github.com/h2non/gock
but there is only mock for Get and Post

Maybe I should do it in a different way.
I&#39;ll be grateful for advice

How to mock http.Client Do method

I recently wanted to test that some custom method gets conditionally called in the `componentDidMount` method of a React component.

    componentDidMount() {
      if (this.props.initOpen) {
        this.methodName();
      }
    }

I&#39;m using Jest as my testing framework, which includes `jest.fn()` for mocks/spies.  I&#39;ve read that this would be fairly trivial to test with Sinon, by doing something like the following:

    sinon.spy(Component.prototype, &quot;methodName&quot;);
    const wrapper = mount(&lt;Component {...props} /&gt;);
    expect(wrapper.instance().methodName).toHaveBeenCalled();

I&#39;m trying to recreate this with Jest like so:

    Component.prototype.methodName = jest.fn();
    const wrapper = mount(&lt;Component {...props} /&gt;);
    expect(wrapper.instance().methodName).toHaveBeenCalled();

This code fails and throws the following error:

    jest.fn() value must be a mock function or spy.
    Received:
      function: [Function bound mockConstructor]

Is it possible to test this functionality with Jest? And if so, how?

How can I use Jest to spy on a method call?

I have Angular2 project build with Angular-CLI (beta 20). 

Is there a way to run tests against only one selected spec file?

I used to have a project based on Angular2 quick start, and I could manually add specs to jasmine file. But I don&#39;t know how to set this up outside of karma testing or how to limit karma tests to specific files with Angular-CLI builds.



How to execute only one test spec with angular-cli

Let&#39;s say I have this

    export class QuestionnaireQuestionsComponent {

        questions: Question[] = [];
        private loading:boolean = true;


        constructor(
            private route: ActivatedRoute,
            public questionnaireService:QuestionnaireService) {}

        ngOnInit(){
            this.route.parent.params.subscribe((params:any)=&gt;{
                this.questionnaireService.getQuestionsForQuestionnaire(params.id).subscribe((questions)=&gt;{
                    this.questions = questions;
                    this.loading = false;
                });
            });
        }

   
    }

My component is actually working pretty well. Problem is that I want to unit test it but I can&#39;t figure out how to mock the `this.route.parent` object. Here&#39;s my test that fails

    beforeEach(()=&gt;{
        route = new ActivatedRoute();
        route.parent.params = Observable.of({id:&quot;testId&quot;});
        
        questionnaireService = jasmine.createSpyObj(&#39;QuestionnaireService&#39;, [&#39;getQuestionsForQuestionnaire&#39;]);
        questionnaireService.getQuestionsForQuestionnaire.and.callFake(() =&gt; Observable.of(undefined));
        component = new QuestionnaireQuestionsComponent(route, questionnaireService);
    });


    describe(&quot;on init&quot;, ()=&gt;{
        it(&quot;must call the service get questions for questionnaire&quot;,()=&gt;{
            component.ngOnInit();
            expect(questionnaireService.getQuestionsForQuestionnaire).toHaveBeenCalled();
        });  
    });

The test fails with this error 

    TypeError: undefined is not an object (evaluating &#39;this._routerState.parent&#39;) 

How to mock an activatedRoute parent Route in angular2 for testing purposes?

Is there a way to run `ng test` for a single file instead of for the entire test suite?  Ideally, I&#39;d like to get the quickest possible feedback loop when I&#39;m editing a file, but `karma` executes the whole suite on each save, which is a bit slow when you build up a big enough test suite.

---

This is different from https://stackoverflow.com/questions/40683673/how-to-execute-only-one-test-spec-with-angular-cli in that that question is about running an individual spec.  This is about running an individual file.  The solution involves the same Jasmine spec feature, but the nature of the question is slightly different.

Running a single test file

I am new to Angular 2 testing. I am trying to figure out what is the difference in using `testsbed.get()` and just using `inject` at the test level.

eg:

    beforeEach(() =&gt; {
        TestBed.configureTestingModule({
            providers: [SomeService]
        });

        const testbed = getTestBed();
        someService= testbed.get(SomeService);
      });
    });

vs

    it(&#39;test service&#39;, inject([SomeService], (someService: SomeService) =&gt; {
   

What is the difference between testbed.get and inject in Angular 2/Jasmine testing?

I am trying to mock console.warn/error but I can&#39;t. I use a third-party-library which calls console.warn inside it. I need to test was it called or wasn&#39;t. In my test case I was trying to stub console.warn but it didn&#39;t help. After that I was trying to mock console manually it didn&#39;t work out either.
    
    console.warn = jest.fn();
    testSchema(&#39;/app/components/Users/UserItem/UserItemContainer.js&#39;);
    expect(console.warn).toBeCalled();

didn&#39;t work

    console.warn = jest.fn();
    testSchema(&#39;/app/components/Users/UserItem/UserItemContainer.js&#39;);
    console.warn(&#39;error&#39;);
    expect(console.warn).toBeCalled();

did work. 

But I still see `console.warn node_modules/babel-relay-plugin/lib/getBabelRelayPlugin.js:138` in the terminal.

Jest: how to mock console when it is used by a third-party-library?

Either I don&#39;t understand `dependencies` vs. `devDependencies` in node 100% yet or eslint is just wrong here (not capable of analyzing this correctly):

       3:1   error  &#39;chai&#39; should be listed in the project&#39;s dependencies, not devDependencies              import/no-extraneous-dependencies
       4:1   error  &#39;chai-enzyme&#39; should be listed in the project&#39;s dependencies, not devDependencies       import/no-extraneous-dependencies
       5:1   error  &#39;enzyme&#39; should be listed in the project&#39;s dependencies, not devDependencies            import/no-extraneous-dependencies
       7:1   error  &#39;sinon&#39; should be listed in the project&#39;s dependencies, not devDependencies             import/no-extraneous-dependencies
       9:1   error  &#39;redux-mock-store&#39; should be listed in the project&#39;s dependencies, not devDependencies  import/no-extraneous-dependencies



These are test dependencies, so why is it saying that they should be listed in `dependencies`?  

Additional note: We&#39;re using Travis as our CI so I don&#39;t know if it makes a difference for that at all either.

Content Type	Original Author	Original Content on Stackoverflow
Question	basudz	View Question on Stackoverflow
Solution 1 - Javascript	Benjamin Dean	View Answer on Stackoverflow

What does "spec" mean in Javascript Testing

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Is there a way to change the extensions folder location for Visual Studio Code?

Delete commit on gitlab

Attributions