Asserting that an input element contains a specific value in Cypress











up vote
0
down vote

favorite












I am trying to assert the following where propSizeSel is the CSS selector to my numerical input element:



cy.get(propSizeSel).clear().type(100)

    .should('contain', 100);


Unfortunately, this assertion fails in the following manner despite the input element accepting the value of 100.



enter image description here



As you can see the input element has accepted the value 100 as expected:



enter image description here



Why is it that I can't seem to make this simple assertion?






cypress







share|improve this question


















  • 1




    contain is for text, .should('have.value', 100) is what you are looking for
    – Akxe
    13 hours ago















up vote
0
down vote

favorite












I am trying to assert the following where propSizeSel is the CSS selector to my numerical input element:



cy.get(propSizeSel).clear().type(100)

    .should('contain', 100);


Unfortunately, this assertion fails in the following manner despite the input element accepting the value of 100.



enter image description here



As you can see the input element has accepted the value 100 as expected:



enter image description here



Why is it that I can't seem to make this simple assertion?






cypress







share|improve this question


















  • 1




    contain is for text, .should('have.value', 100) is what you are looking for
    – Akxe
    13 hours ago













up vote
0
down vote

favorite









up vote
0
down vote

favorite











I am trying to assert the following where propSizeSel is the CSS selector to my numerical input element:



cy.get(propSizeSel).clear().type(100)

    .should('contain', 100);


Unfortunately, this assertion fails in the following manner despite the input element accepting the value of 100.



enter image description here



As you can see the input element has accepted the value 100 as expected:



enter image description here



Why is it that I can't seem to make this simple assertion?






cypress







share|improve this question













I am trying to assert the following where propSizeSel is the CSS selector to my numerical input element:



cy.get(propSizeSel).clear().type(100)

    .should('contain', 100);


Unfortunately, this assertion fails in the following manner despite the input element accepting the value of 100.



enter image description here



As you can see the input element has accepted the value 100 as expected:



enter image description here



Why is it that I can't seem to make this simple assertion?






cypress




cypress






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked 20 hours ago









user5814

924517




924517








  • 1




    contain is for text, .should('have.value', 100) is what you are looking for
    – Akxe
    13 hours ago














  • 1




    contain is for text, .should('have.value', 100) is what you are looking for
    – Akxe
    13 hours ago








1




1




contain is for text, .should('have.value', 100) is what you are looking for
– Akxe
13 hours ago




contain is for text, .should('have.value', 100) is what you are looking for
– Akxe
13 hours ago












1 Answer
1






active

oldest

votes

















up vote
1
down vote



accepted










Please try with 100 in single quotes and in the assert, please use should('have.value', '100') instead of contain;



cy.get('propSizeSel').clear().type('100').should('have.value', '100');


or try asserting using a promise



cy.get('propSizeSel').clear().type('100').invoke('val')

    .then(val=>{    

      const myVal = val;      

      expect(myVal).to.equal('100');

    })





share|improve this answer





















    Your Answer






    StackExchange.ifUsing("editor", function () {
    StackExchange.using("externalEditor", function () {
    StackExchange.using("snippets", function () {
    StackExchange.snippets.init();
    });
    });
    }, "code-snippets");

    StackExchange.ready(function() {
    var channelOptions = {
    tags: "".split(" "),
    id: "1"
    };
    initTagRenderer("".split(" "), "".split(" "), channelOptions);

    StackExchange.using("externalEditor", function() {
    // Have to fire editor after snippets, if snippets enabled
    if (StackExchange.settings.snippets.snippetsEnabled) {
    StackExchange.using("snippets", function() {
    createEditor();
    });
    }
    else {
    createEditor();
    }
    });

    function createEditor() {
    StackExchange.prepareEditor({
    heartbeatType: 'answer',
    convertImagesToLinks: true,
    noModals: true,
    showLowRepImageUploadWarning: true,
    reputationToPostImages: 10,
    bindNavPrevention: true,
    postfix: "",
    imageUploader: {
    brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
    contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
    allowUrls: true
    },
    onDemand: true,
    discardSelector: ".discard-answer"
    ,immediatelyShowMarkdownHelp:true
    });


    }
    });














     

    draft saved


    draft discarded


















    StackExchange.ready(
    function () {
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53203233%2fasserting-that-an-input-element-contains-a-specific-value-in-cypress%23new-answer', 'question_page');
    }
    );

    Post as a guest


















    1 Answer
    1






    active

    oldest

    votes








    1 Answer
    1






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes








    up vote
    1
    down vote



    accepted










    Please try with 100 in single quotes and in the assert, please use should('have.value', '100') instead of contain;



    cy.get('propSizeSel').clear().type('100').should('have.value', '100');


    or try asserting using a promise



    cy.get('propSizeSel').clear().type('100').invoke('val')
    
    .then(val=>{    
    
      const myVal = val;      
    
      expect(myVal).to.equal('100');
    
    })





    share|improve this answer

























      up vote
      1
      down vote



      accepted










      Please try with 100 in single quotes and in the assert, please use should('have.value', '100') instead of contain;



      cy.get('propSizeSel').clear().type('100').should('have.value', '100');


      or try asserting using a promise



      cy.get('propSizeSel').clear().type('100').invoke('val')
      
    .then(val=>{    
      
      const myVal = val;      
      
      expect(myVal).to.equal('100');
      
    })





      share|improve this answer























        up vote
        1
        down vote



        accepted







        up vote
        1
        down vote



        accepted






        Please try with 100 in single quotes and in the assert, please use should('have.value', '100') instead of contain;



        cy.get('propSizeSel').clear().type('100').should('have.value', '100');


        or try asserting using a promise



        cy.get('propSizeSel').clear().type('100').invoke('val')
        
    .then(val=>{    
        
      const myVal = val;      
        
      expect(myVal).to.equal('100');
        
    })





        share|improve this answer












        Please try with 100 in single quotes and in the assert, please use should('have.value', '100') instead of contain;



        cy.get('propSizeSel').clear().type('100').should('have.value', '100');


        or try asserting using a promise



        cy.get('propSizeSel').clear().type('100').invoke('val')
        
    .then(val=>{    
        
      const myVal = val;      
        
      expect(myVal).to.equal('100');
        
    })






        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered 16 hours ago









        soccerway

        317214




        317214






























             

            draft saved


            draft discarded



















































             


            draft saved


            draft discarded














            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53203233%2fasserting-that-an-input-element-contains-a-specific-value-in-cypress%23new-answer', 'question_page');
            }
            );

            Post as a guest






































































            -

            Popular posts from this blog

            Schultheiß

            Image
            Der Titel dieses Artikels ist mehrdeutig. Weitere Bedeutungen sind unter Schultheiß (Begriffsklärung) aufgeführt. Ein Schultheiß. Holzschnitt von Peter Flötner (16. Jahrhundert) Der Schultheiß oder Schuldheiß (von althochdeutsch  sculdheizo ‚Leistung Befehlender‘, vgl. mittelniederdeutsch  schult(h)ēte , latinisiert (mittellat.) sculte(t)us , schwäbisch heute noch Schultes für „Bürgermeister“) bezeichnet einen in vielen westgermanischen Rechtsordnungen vorgesehenen Beamten, der Schuld heischt : Er hatte im Auftrag seines Herren (Landesherrn, Stadtherrn, Grundherrn) die Mitglieder einer Gemeinde zur Leistung ihrer Schuldigkeit anzuhalten, also Abgaben einzuziehen oder für das Beachten anderer Verpflichtungen Sorge zu tragen. Sprachliche Varianten des Schultheißen sind Schulte , Schultes oder Schulze . Früher wurde zwischen dem Stadtschulzen und dem Dorfschulzen unterschieden. In der städtischen Gerichts- und Gemeindeverfassung war er ein vom städtischen Rat oder vom L...
            Read more

            Verwaltungsgliederung Dänemarks

            Image
            Das Königreich Dänemark umfasst neben dem kontinentaleuropäischen Kernland auch die autonomen Außengebiete Färöer und Grönland. Die staatsrechtliche Einheit von Mutterland und ehemaligen Besitzungen wird als „Reichsgemeinschaft“ (dänisch rigsfællesskabet ) bezeichnet. Die Verwaltungsgliederung des dänischen Kernlandes umfasst seit dem 1. Januar 2007 fünf Regionen und 98 Kommunen. Die Amtsbezirke/Kreise (dän. amt ) wurden im Zuge einer Gebietsreform abgeschafft. Ihre Zuständigkeiten wurden auf Regional- und kommunale Ebene verteilt. Inhaltsverzeichnis 1 Regionen 2 Kommunen 3 Historische Verwaltungsgliederungen 3.1 Älteste Strukturen 3.2 Bistümer (ab 10. Jahrhundert) 3.3 17. und 18. Jahrhundert 3.4 Von 1793 bis 1970 3.5 Von 1970 bis 2007 3.5.1 Fusionen bis Ende 2006 und große Kommunalgebietsreform 4 Literatur 5 Einzelnachweise 6 Weblinks Regionen | → Hauptartikel : Region (Dänemark) Dänemarks Regionen (seit 2007...
            Read more

            Liste der Kulturdenkmale in Wilsdruff

            Image
            Wappen von Wilsdruff Die Liste der Kulturdenkmale in Wilsdruff enthält die Kulturdenkmale in Wilsdruff. Die Anmerkungen sind zu beachten. Diese Liste ist eine Teilliste der Liste der Kulturdenkmale im Landkreis Sächsische Schweiz-Osterzgebirge. Diese Liste ist eine Teilliste der Liste der Kulturdenkmale in Sachsen. Inhaltsverzeichnis 1 Legende 2 Wilsdruff 3 Birkenhain 4 Blankenstein 5 Braunsdorf 6 Grumbach 7 Grund 8 Helbigsdorf 9 Herzogswalde 10 Kaufbach 11 Kesselsdorf 12 Kleinopitz 13 Limbach 14 Mohorn 15 Oberhermsdorf 16 Anmerkungen 17 Ausführliche Denkmaltexte 18 Quellen 19 Weblinks Legende | Bild: zeigt ein Bild des Kulturdenkmals und gegebenenfalls einen Link zu weiteren Fotos des Kulturdenkmals Bezeichnung: Name, Bezeichnung oder die Art des Kulturdenkmals Lage: Straßenname und wenn vorhanden Hausnummer des Kulturdenkmals; Grundsortierung der Liste erfolgt nach dieser A...
            Read more